Che cosa sono le estensioni?

Le estensioni sono piccoli programmi software che personalizzano l'esperienza di navigazione. Consentono agli utenti di personalizzare la funzionalità e il comportamento di Chrome in base alle proprie esigenze o preferenze. Si basano su tecnologie web come HTML, JavaScript e CSS.

Un'estensione deve soddisfare un singolo scopo ben definito e facile da comprendere. Una singola estensione può includere più componenti e una gamma di funzionalità, purché tutto contribuisca a uno scopo comune.

Uno screenshot dell'icona di un'estensione nella barra del browser

Le interfacce utente devono essere minime e avere un intent. Possono includere una semplice icona, come l'estensione Mail Checker di Google mostrata sopra, o l'override di un'intera pagina.

I file delle estensioni vengono compressi in un singolo pacchetto .crx che l'utente scarica e installa. Ciò significa che le estensioni non dipendono dai contenuti presenti sul web, a differenza delle normali applicazioni web.

Le estensioni vengono distribuite tramite la Dashboard per sviluppatori di Chrome e pubblicate sul Chrome Web Store. Per saperne di più, consulta la documentazione per gli sviluppatori dello Store.

Introduzione alle estensioni

Fai un piccolo passo nelle estensioni con questo rapido esempio di Estensioni Hello. Per iniziare, crea una nuova directory in cui archiviare i file dell'estensione oppure scaricali dalla pagina di esempio.

Aggiungi un file denominato manifest.json e includi il seguente codice:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2
}

Ogni estensione richiede un file manifest, anche se la maggior parte delle estensioni non può fare molto con il solo manifest. Per questa guida rapida, l'estensione ha un file popup e un'icona dichiarati nel campo browser_action:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  }
}

Scarica hello_extensions.png qui, quindi crea un file denominato hello.html:

<html>
  <body>
    <h1>Hello Extensions</h1>
  </body>
</html>

L'estensione ora mostra hello.html quando l'utente fa clic sull'icona. Il passaggio successivo prevede l'inclusione di un comando in manifest.json che attiva una scorciatoia da tastiera. Questo passaggio è divertente, ma non necessario:

{
  "name": "Hello Extensions",
  "description" : "Base Level Extension",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_popup": "hello.html",
    "default_icon": "hello_extensions.png"
  },
  "commands": {
    "_execute_browser_action": {
      "suggested_key": {
        "default": "Ctrl+Shift+F",
        "mac": "MacCtrl+Shift+F"
      },
      "description": "Opens hello.html"
    }
  }
}

L'ultimo passaggio consiste nell'installare l'estensione sulla tua macchina locale.

  1. Vai a chrome://extensions nel browser. Puoi accedere a questa pagina anche facendo clic sul menu Chrome in alto a destra della omnibox, passando il mouse su Altri strumenti e selezionando Estensioni.
  2. Seleziona la casella accanto a Modalità sviluppatore.
  3. Fai clic su Load Unpacked Extension (Carica estensione non pacchettizzata) e seleziona la directory relativa all'estensione "Hello Extensions".

Complimenti! Ora puoi utilizzare l'estensione basata su popup facendo clic sull'icona hello_world.png o premendo Ctrl+Shift+F sulla tastiera.

E adesso?

  1. Segui il tutorial introduttivo
  2. Leggi la Panoramica
  3. Tieniti aggiornato leggendo il blog di Chromium
  4. Iscriviti al gruppo Chromium-extensions