Wat is de Web API?

De Web API (of Browser API) is een verzameling interfaces die ingebouwd zijn in moderne webbrowsers en waarmee JavaScript kan communiceren met browserfuncties, hardware en het besturingssysteem. Voorbeelden zijn de Fetch API voor netwerkverzoeken, de Geolocation API voor GPS-coördinaten, WebGL voor 3D-graphics, de Clipboard API voor kopiëren/plakken, en honderden anderen. Elke API wordt gedefinieerd door webstandaardorganisaties zoals de W3C en WHATWG, en browserverkopers implementeren ze in hun eigen tempo.

Omdat browserondersteuning sterk varieert — sommige API's worden universeel ondersteund, andere zijn experimenteel of leverancierspecifiek — moeten ontwikkelaars vaak controleren welke API's daadwerkelijk beschikbaar zijn in een bepaalde browser voordat ze deze gebruiken. Functiedetectie (controleren of een API bestaat op window voordat u deze aanroept) is de standaardbenadering.

Hulpprogrammabeschrijving

Dit hulpprogramma test in real-time welke Web API's beschikbaar zijn in uw huidige browser. Het combineert live browserdetectie met browsercompatibiliteitsgegevens van MDN om u een uitgebreid overzicht te geven van welke API's worden ondersteund, in welke versie ze beschikbaar werden, en of er nog experimentele zijn.

Functies

  • Live detectie: Test elke API tegen het window-object van uw werkelijke browser en rapporteert onmiddellijk ondersteunde, niet-ondersteunde of onbekende status
  • MDN-compatibiliteitsgegevens: Toont de minimumversie van Chrome, Firefox, Safari en Edge die elke API ondersteunt, afkomstig uit het officiële @mdn/browser-compat-data-pakket
  • Experimentele API-markering: Markeert duidelijk API's die nog experimenteel zijn of achter functievlaggen zitten
  • Aangepaste expressiontester: Voer een JavaScript-expressie in om deze live in uw browser uit te voeren en bekijk het resultaat of de fout
  • Filteren en zoeken: Filter op ondersteuningsstatus (ondersteund/niet ondersteund/onbekend) en zoek op API-naam om snel te vinden wat u nodig hebt

Hoe het werkt

Het hulpprogramma laadt een lijst met Web API-vermeldingen uit het MDN Browser Compat Data-pakket tijdens het bouwen. Wanneer u de pagina opent, evalueert het elke API-naam als een eigenschap van het globale window-object — als de eigenschap bestaat en niet null is, wordt de API als ondersteund gemarkeerd. De MDN-versiegegevens worden vooraf geladen en weergegeven naast het live detectieresultaat.

Tips

  • Gebruik het statusfilter om alleen API's weer te geven die in uw browser worden ondersteund — handig voor het controleren wat beschikbaar is voordat u code schrijft.
  • Gebruik het veld aangepaste expressie om complexere functiecontroles te testen, zoals typeof navigator.bluetooth !== 'undefined' of 'serviceWorker' in navigator.
  • Experimentele API's kunnen beschikbaar zijn in sommige browserversies maar niet in stabiele releases — controleer altijd de MDN-documentatie voordat u deze in productie gebruikt.