Vad är Web API?

Web API (eller Browser API) är en samling gränssnitt inbyggda i moderna webbläsare som gör det möjligt för JavaScript att interagera med webbläsarfunktioner, hårdvara och operativsystemet. Exempel inkluderar Fetch API för nätverksbegäranden, Geolocation API för GPS-koordinater, WebGL för 3D-grafik, Clipboard API för kopiera/klistra in och hundratals andra. Varje API definieras av webbstandardorgan såsom W3C och WHATWG, och webbläsarleverantörer implementerar dem i sin egen takt.

Eftersom webbläsarstödet varierar mycket — vissa API:er är universellt stödda, andra är experimentella eller leverantörsspecifika — behöver utvecklare ofta kontrollera vilka API:er som faktiskt är tillgängliga i en given webbläsare innan de använder dem. Funktiondetektering (kontroll av om ett API finns på window innan det anropas) är standardmetoden.

Verktygsbeskrivning

Det här verktyget testar vilka Web API:er som är tillgängliga i din nuvarande webbläsare i realtid. Det kombinerar live-webbläsardetektering med webbläsarkompatibilitetdata från MDN för att ge dig en omfattande överblick över vilka API:er som stöds, vilken version de blev tillgängliga i och om några fortfarande är experimentella.

Funktioner

  • Live-detektering: Testar varje API mot din webbläsares faktiska window-objekt och rapporterar omedelbar status för stöd, icke-stöd eller okänd status
  • MDN-kompatibilitetdata: Visar den lägsta versionen av Chrome, Firefox, Safari och Edge som stöder varje API, från det officiella @mdn/browser-compat-data-paketet
  • Flaggning av experimentella API:er: Markerar tydligt API:er som fortfarande är experimentella eller bakom funktionsflaggor
  • Testare för anpassade uttryck: Ange vilket JavaScript-uttryck som helst för att utvärdera det live i din webbläsare och se resultatet eller felet
  • Filtrering och sökning: Filtrera efter stöd-status (stödd/icke-stödd/okänd) och sök efter API-namn för att snabbt hitta det du behöver

Hur det fungerar

Verktyget laddar en lista över Web API-poster från MDN Browser Compat Data-paketet vid byggtillfället. När du öppnar sidan utvärderas varje API-namn som en egenskap för det globala window-objektet — om egenskapen finns och inte är null markeras API:et som stödd. MDN-versionsdatan är förinläst och visas tillsammans med live-detekteringsresultatet.

Tips

  • Använd statusfiltret för att visa endast API:er som stöds i din webbläsare — användbart för att granska vad som är tillgängligt innan du skriver kod.
  • Använd fältet anpassat uttryck för att testa mer komplexa funktionskontroller, såsom typeof navigator.bluetooth !== 'undefined' eller 'serviceWorker' in navigator.
  • Experimentella API:er kan vara tillgängliga i vissa webbläsarversioner men inte i stabila utgåvor — kontrollera alltid MDN-dokumentationen innan du förlitar dig på dem i produktion.