Cos'è l'API Web?

L'API Web (o API del Browser) è una raccolta di interfacce integrate nei moderni browser web che consentono a JavaScript di interagire con le funzionalità del browser, l'hardware e il sistema operativo. Gli esempi includono l'API Fetch per le richieste di rete, l'API Geolocation per le coordinate GPS, WebGL per la grafica 3D, l'API Clipboard per copia/incolla e centinaia di altre. Ogni API è definita da organismi di standardizzazione web come il W3C e il WHATWG, e i fornitori di browser le implementano al loro ritmo.

Poiché il supporto del browser varia notevolmente — alcune API sono universalmente supportate, altre sono sperimentali o specifiche del fornitore — gli sviluppatori spesso devono verificare quali API sono effettivamente disponibili in un determinato browser prima di utilizzarle. Il rilevamento delle funzionalità (verifica se un'API esiste su window prima di chiamarla) è l'approccio standard.

Descrizione dello strumento

Questo strumento verifica quali API Web sono disponibili nel tuo browser attuale in tempo reale. Combina il rilevamento live del browser con i dati di compatibilità del browser da MDN per darti una visione completa di quali API sono supportate, in quale versione sono diventate disponibili e se alcune sono ancora sperimentali.

Funzionalità

  • Rilevamento live: Verifica ogni API rispetto all'oggetto window del tuo browser effettivo e segnala lo stato supportato, non supportato o sconosciuto istantaneamente
  • Dati di compatibilità MDN: Mostra la versione minima di Chrome, Firefox, Safari e Edge che supporta ogni API, proveniente dal pacchetto ufficiale @mdn/browser-compat-data
  • Contrassegno API sperimentale: Contrassegna chiaramente le API ancora sperimentali o dietro flag di funzionalità
  • Tester di espressioni personalizzate: Inserisci qualsiasi espressione JavaScript per valutarla live nel tuo browser e visualizza il risultato o l'errore
  • Filtro e ricerca: Filtra per stato di supporto (supportato/non supportato/sconosciuto) e cerca per nome API per trovare rapidamente quello che ti serve

Come funziona

Lo strumento carica un elenco di voci API Web dal pacchetto MDN Browser Compat Data al momento della compilazione. Quando apri la pagina, valuta ogni nome API come proprietà dell'oggetto globale window — se la proprietà esiste ed è non-null, l'API è contrassegnata come supportata. I dati della versione MDN sono precaricati e visualizzati insieme al risultato del rilevamento live.

Suggerimenti

  • Usa il filtro di stato per mostrare solo le API supportate nel tuo browser — utile per verificare cosa è disponibile prima di scrivere il codice.
  • Usa il campo espressione personalizzata per testare verifiche di funzionalità più complesse, come typeof navigator.bluetooth !== 'undefined' o 'serviceWorker' in navigator.
  • Le API sperimentali possono essere disponibili in alcune build del browser ma non nelle versioni stabili — controlla sempre la documentazione MDN prima di affidarti a loro in produzione.