Come creare un'estensione di Google Chrome?

## Come creare un'estensione di Google Chrome

---

1. Installa Node.js e npm.

2. Installa la CLI dell'estensione Chrome:`npm install -g chrome-extension`

3. Creare una nuova directory di progetto.

4. Inizializza un nuovo progetto di estensione Chrome:`chrome-extension init `

Apri il file _manifest.json_ e modifica i seguenti campi:

- nome :il nome dell'interno.

- versione :la versione della tua estensione.

- descrizione :una breve descrizione della tua estensione.

- autorizzazioni :una serie di autorizzazioni richieste dall'estensione.

- azione_browser :un oggetto che definisce l'icona dell'azione del browser e il file HTML popup.

- fondo.js :lo script eseguito in background della tua estensione.

Ora puoi iniziare a sviluppare la tua estensione scrivendo la logica in _ background.js_ e progettando l'interfaccia utente in _popup.html_.

- Utilizza l'oggetto "chrome" per accedere all'API di Chrome.

- Utilizza HTML, CSS e JavaScript per creare l'interfaccia utente della tua estensione.

- Utilizza l'evento `chrome.runtime.onMessage.addListener` per ascoltare i messaggi dagli script di contenuto della tua estensione.

- Utilizza la funzione `chrome.tabs.sendMessage` per inviare messaggi agli script di contenuto della tua estensione.

Dopo aver scritto la logica e progettato l'interfaccia utente, puoi testare la tua estensione seguendo questi passaggi:

1. Apri il browser Chrome.

2. Vai alla pagina Estensioni (chrome://extensions).

3. Fare clic su Carica non imballato pulsante.

4. Seleziona la directory del tuo progetto di ampliamento.

5. Fare clic su OK per caricare la tua estensione.

- Utilizza il comando `chrome-extension pack` per creare un file CRX.

- Utilizza la dashboard per sviluppatori del Chrome Web Store per caricare il tuo file CRX e pubblicare la tua estensione.