Inizia
Ti diamo il benvenuto nello sviluppo delle 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. Per altri esempi sul funzionamento delle estensioni, visita il Chrome Web Store.
Come vengono realizzati?
Puoi creare estensioni con le stesse tecnologie web utilizzate per creare applicazioni web: HTML, CSS e JavaScript.
Cosa possono fare?
Oltre alle API web, le estensioni hanno accesso anche alle API di estensione di Chrome per svolgere diverse attività. Per una panoramica più dettagliata, dai un'occhiata alla 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 file 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, come la rimozione di un preferito o la chiusura di una scheda. Non hanno accesso al DOM, ma puoi combinarlo con un documento fuori schermo per questo caso d'uso.
Script di contenuti
Gli script di contenuti eseguono JavaScript nel contesto di una pagina web.
Azione della barra degli strumenti
Esegui il codice quando l'utente fa clic sull'icona della barra degli strumenti delle estensioni o mostra un popup usando l'API Action.
Riquadro laterale
Visualizza l'interfaccia utente personalizzata nel riquadro laterale del browser.
DeclarativeNetRequest
Intercetta, blocca o modifica le richieste di rete.
Pubblicare sul Chrome Web Store
Se stai creando l'estensione per te stesso, consulta il tutorial introduttivo. Se vuoi pubblicare informazioni sul Chrome Web Store, devi sapere prima di tutto alcune cose.
Progetta un'estensione di alta qualità
Quando scegli le funzionalità da supportare, assicurati che l'estensione abbia un singolo scopo ben definito e facile da capire.
Acquisire familiarità con le norme
Le estensioni distribuite sul Chrome Web Store devono essere conformi alle Norme del programma per gli sviluppatori. Esplora questi criteri per assicurarti che la tua estensione possa essere ospitata nel Chrome Web Store.
Includi la logica di tutte le estensioni
Quando scrivi il codice, tieni presente che tutta la logica deve essere inclusa nel pacchetto dell'estensione. Ciò significa che non è possibile scaricare codice JavaScript aggiuntivo in fase di runtime. Migliorare la sicurezza delle estensioni fornisce alternative all'esecuzione di codice ospitato in remoto.
Tutorial
Scegli uno dei seguenti tutorial per iniziare il tuo percorso di apprendimento sulle estensioni.
La tua prima estensione
Crea la tua prima estensione Hello World, in cui imparerai a conoscere il flusso di lavoro per lo sviluppo delle estensioni.
Esegui script su ogni pagina
Scopri come aggiungere automaticamente elementi a un sito specificato.
Inserisci script nella scheda attiva
Scopri come semplificare lo stile della pagina corrente facendo clic sull'icona della barra degli strumenti.
Crea un gestore di schede
Scopri come creare un popup per gestire le tue schede.
Gestire gli eventi con i service worker
Scopri come creare ed eseguire il debug di un service worker di estensione.
Esegui il debug dell'estensione
Scopri come trovare i log e i messaggi di errore durante il debug.