Per iniziare
Ti diamo il benvenuto nello sviluppo di estensioni di Chrome. Scopri tutto ciò che ti serve per iniziare a creare e distribuire la tua prima estensione di Chrome.
Panoramica
Che cosa sono le estensioni?
Le estensioni di Chrome migliorano l'esperienza di navigazione personalizzando l'interfaccia utente, osservando gli eventi del browser e modificando il web. Visita il Chrome Web Store per altri esempi di cosa possono fare le estensioni.
Come vengono costruiti?
Puoi creare estensioni utilizzando le stesse tecnologie web utilizzate per creare applicazioni web: HTML, CSS e JavaScript.
Che cosa possono fare?
Oltre alle API web, le estensioni hanno accesso anche alle API di estensioni di Chrome per svolgere diverse attività. Per una panoramica più dettagliata, consulta la Guida per lo sviluppo.
Terminologia delle estensioni
Un'estensione di Chrome è composta da parti che svolgono ruoli diversi.
Manifest
Il file manifest dell'estensione è l'unico file obbligatorio che deve avere un nome file specifico: manifest.json. Inoltre, deve trovarsi nella directory principale dell'estensione. Il manifest registra metadati importanti, definisce le risorse, dichiara le autorizzazioni e identifica i file da eseguire in background e nella pagina.
Service worker
Un service worker viene eseguito in background e gestisce gli eventi del browser, ad esempio la rimozione di un preferito o la chiusura di una scheda. Non hanno accesso al DOM, ma puoi combinarli con un documento offscreen per questo caso d'uso.
Script di contenuti
Gli script di contenuto eseguono JavaScript nel contesto di una pagina web.
Azione barra degli strumenti
Esegui il codice quando l'utente fa clic sull'icona della barra degli strumenti dell'estensione o mostra un popup utilizzando l'API Action.
Riquadro laterale
Mostrare l'interfaccia utente personalizzata nel riquadro laterale del browser.
DeclarativeNetRequest
Intercettare, bloccare o modificare le richieste di rete.
Pubblicare sul Chrome Web Store
Se stai creando l'estensione per te stesso, consulta il nostro tutorial introduttivo. Se vuoi pubblicare sul Chrome Web Store, devi prima conoscere alcune informazioni.
Progettare un'estensione di alta qualità
Quando scegli le funzionalità da supportare, assicurati che l'estensione abbia un unico scopo, definito in modo preciso e facile da comprendere.
Acquisisci familiarità con le norme
Le estensioni distribuite sul Chrome Web Store devono rispettare le Norme del programma per gli sviluppatori. Consulta queste norme per assicurarti che la tua estensione possa essere ospitata nel Chrome Web Store.
Includi tutta la logica dell'estensione
Quando scrivi il codice, tieni presente che tutta la logica deve essere inclusa nel pacchetto dell'estensione. Ciò significa che non è possibile scaricare altro codice JavaScript in fase di esecuzione. L'opzione Migliora la sicurezza delle estensioni offre alternative all'esecuzione di codice ospitato da remoto.
Tutorial
Scegli uno dei seguenti tutorial per iniziare il tuo percorso di apprendimento delle estensioni.
La tua prima estensione
Crea la tua prima estensione "Hello World", per acquisire familiarità con il flusso di lavoro di sviluppo delle estensioni.
Esegui script su ogni pagina
Scopri come aggiungere automaticamente elementi a un sito specificato.
Iniettare script nella scheda attiva
Scopri come semplificare lo stile della pagina corrente facendo clic sull'icona della barra degli strumenti.
Creare un gestore delle schede
Scopri come creare un popup che gestisce le tue schede.
Gestire gli eventi con i service worker
Scopri come creare e eseguire il debug di un worker di servizio per le estensioni.
Eseguire il debug dell'estensione
Scopri come trovare log e messaggi di errore durante il debug.