Che cosa sono le estensioni?

Le estensioni sono piccoli software che personalizzano l'esperienza di navigazione. Consentono agli utenti di adattare le funzionalità e il comportamento di Chrome alle proprie necessità o preferenze. Sono basati su tecnologie web come HTML, JavaScript e CSS.

Un'estensione deve soddisfare un unico scopo definito in modo ristretto 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 minimaliste e avere uno scopo. Possono variare da una semplice icona, come l'estensione Google Mail Checker mostrata sopra, all'override di un'intera pagina.

I file di estensione vengono compressi in un unico pacchetto .crx che l'utente scarica e installa. Ciò significa che le estensioni non dipendono dai contenuti del web, a differenza delle normali app web.

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

Estensioni Hello

Fai un piccolo passo nel mondo delle estensioni con questo rapido esempio di Hello Extensions. Inizia creando una nuova directory per archiviare i file dell'estensione o scaricali dalla pagina di esempio.

Poi, aggiungi un file chiamato manifest.json e includi il seguente codice:

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

Ogni estensione richiede un manifest, anche se la maggior parte delle estensioni non fa molto solo con il 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 e poi crea un file denominato hello.html:

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

L'estensione ora mostra hello.html quando viene fatto clic sull'icona. Il passaggio successivo consiste nell'includere 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 sopra Altri strumenti e selezionando Estensioni.
  2. Seleziona la casella accanto a Modalità sviluppatore.
  3. Fai clic su Carica estensione non pacchettizzata e seleziona la directory dell'estensione "Hello Extensions".

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

E adesso?

  1. Segui il tutorial Guida introduttiva
  2. Leggi la panoramica.
  3. Per rimanere al passo con le novità, leggi il blog di Chromium.
  4. Iscriviti al gruppo chromium-extensions