Hva er Web API?

Web API (eller Browser API) er en samling grensesnitt som er innebygd i moderne nettlesere som lar JavaScript samhandle med nettleserfunksjoner, maskinvare og operativsystemet. Eksempler inkluderer Fetch API for nettverksforespørsler, Geolocation API for GPS-koordinater, WebGL for 3D-grafikk, Clipboard API for kopier/lim inn, og hundrevis av andre. Hvert API er definert av webstandardorganer som W3C og WHATWG, og nettleserproducenter implementerer dem i sitt eget tempo.

Fordi nettleserstøtten varierer mye — noen APIer er universelt støttet, andre er eksperimentelle eller leverandørspesifikke — må utviklere ofte sjekke hvilke APIer som faktisk er tilgjengelige i en gitt nettleser før de bruker dem. Funksjonsdeteksjon (sjekking av om et API finnes på window før du kaller det) er standardtilnærmingen.

Verktøybeskrivelse

Dette verktøyet tester hvilke Web APIer som er tilgjengelige i din nåværende nettleser i sanntid. Det kombinerer live nettleserdeteksjon med nettleserkompatibilitetsdata fra MDN for å gi deg en omfattende oversikt over hvilke APIer som støttes, hvilken versjon de ble tilgjengelige i, og om noen fortsatt er eksperimentelle.

Funksjoner

  • Live deteksjon: Tester hvert API mot din faktiske nettlesers window-objekt og rapporterer støttet, ikke støttet eller ukjent status øyeblikkelig
  • MDN kompatibilitetsdata: Viser minimumsversjonen av Chrome, Firefox, Safari og Edge som støtter hvert API, hentet fra den offisielle @mdn/browser-compat-data-pakken
  • Flagging av eksperimentelle APIer: Markerer tydelig APIer som fortsatt er eksperimentelle eller bak funksjonflagg
  • Egendefinert uttrykktester: Skriv inn et hvilket som helst JavaScript-uttrykk for å evaluere det live i nettleseren din og se resultatet eller feilen
  • Filtrering og søk: Filtrer etter støttestatus (støttet/ikke støttet/ukjent) og søk etter API-navn for å finne det du trenger raskt

Hvordan det fungerer

Verktøyet laster en liste over Web API-oppføringer fra MDN Browser Compat Data-pakken ved byggetid. Når du åpner siden, evaluerer det hvert API-navn som en egenskap for det globale window-objektet — hvis egenskapen finnes og ikke er null, merkes APIet som støttet. MDN-versjonsdataene er forhåndslastet og vises sammen med live deteksjonsresultatet.

Tips

  • Bruk statusfilteret til å vise bare APIer som støttes i nettleseren din — nyttig for å kontrollere hva som er tilgjengelig før du skriver kode.
  • Bruk egendefinert uttrykk-feltet til å teste mer komplekse funksjonssjekker, som typeof navigator.bluetooth !== 'undefined' eller 'serviceWorker' in navigator.
  • Eksperimentelle APIer kan være tilgjengelige i noen nettleserversjoner, men ikke i stabile utgivelser — sjekk alltid MDN-dokumentasjonen før du er avhengig av dem i produksjon.