API web

in aggiunta a chrome.* API, le estensioni possono utilizzare tutte le API fornite dal browser alle pagine web e alle app. Se il browser non supporta l'API che vuoi utilizzare, puoi raggruppare nell'estensione ulteriori librerie API.

Ecco un esempio delle API utilizzabili dalle estensioni:

API JavaScript standard
Si tratta delle stesse API JavaScript e Document Object Model (DOM) di base che puoi utilizzare nelle app web ordinarie.
XMLHttpRequest
Utilizza XMLHttpRequest per richiedere i dati a uno o più server. Il campo delle autorizzazioni del file manifest specifica gli host a cui l'estensione può inviare richieste.
HTML e altre API emergenti

Google Chrome supporta le moderne funzionalità HTML, insieme ad altre API emergenti. Ecco alcune delle API che puoi utilizzare:

  • audio (tutorial)
  • cache dell'applicazione (tutorial)
  • tela (articoli)
  • schermo intero (articolo)
  • Nelle app di Chrome, viene attivata la modalità a schermo intero senza chiedere all'utente o fornire istruzioni per uscire. La modalità a schermo intero HTML5 richiede l'autorizzazione app.window.fullscreen nel file manifest. Nelle pagine web normali, il browser intercetta il tasto ESC per uscire dal blocco del puntatore, garantendo un metodo di escape coerente per gli utenti. Questo è anche il comportamento delle app di Chrome, a meno che non venga utilizzata l'autorizzazione app.window.fullscreen.overrideEsc per consentire all'app di chiamare preventDefault durante eventi keydown e keyup.
  • geolocalizzazione (tutorial)
  • spazio di archiviazione locale (tutorial)
  • Notifiche (tutorial)
  • Blocco del puntatore (tutorial)
  • Nelle app di Chrome, il blocco del puntatore viene inserito senza che sia necessario un gesto dell'utente, che venga visualizzato un messaggio o istruzioni per l'uscita. Il blocco del puntatore richiede l'autorizzazione pointerlock nel file manifest. Inoltre, non esiste un comportamento di uscita predefinito. Nelle pagine web normali, il browser intercetta il tasto Esc per uscire dal blocco del puntatore. Questo comportamento non è presente nelle app di Chrome.
  • video (tutorial)
  • database web (tutorial)

Visita il sito html5rocks.com per avere informazioni su HTML5, tutorial, un'area giochi interattiva e link ad altre risorse.

API web

La tua estensione può utilizzare le API web. Le funzionalità CSS, come filtri, animazioni e trasformazioni, sono particolarmente utili. Ecco un esempio di utilizzo degli stili WebKit per far girare l'interfaccia utente:

<style>
  div:hover {
    transform: rotate(360deg);
    transition: all 1s ease-out;
  }
</style>
API V8, ad esempio JSON

Poiché JSON è in versione V8, non è necessario includere una libreria JSON per utilizzare le funzioni JSON.

API nelle librerie in bundle

Se vuoi utilizzare una libreria non fornita dal browser (ad esempio, jQuery), puoi raggruppare i file JavaScript di tale libreria con la tua estensione. Le librerie in bundle funzionano nelle estensioni come in altre pagine web.