Che cosa sono le estensioni?

Le estensioni sono piccoli programmi software che personalizzano l'esperienza di navigazione. Consentono agli utenti di personalizzare le funzionalità e il comportamento di Chrome in base alle esigenze o alle preferenze individuali. Sono basate sul web tecnologie come HTML, JavaScript e CSS.

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

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

Le interfacce utente devono essere minimali e mirate. Può trattarsi di una semplice icona, come la l'estensione Mail Checker mostrata sopra, per eseguire l'override di un'intera pagina.

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

Le estensioni vengono distribuite tramite la Dashboard per sviluppatori di Chrome e pubblicate in Chrome Web Store. Per ulteriori informazioni, consulta la documentazione per gli sviluppatori dello store.

Introduzione alle estensioni

Scopri le estensioni con questo rapido esempio di Hello Extensions. Per iniziare, crea un nuovo per archiviare i file dell'estensione o scaricali dalla pagina di esempio.

Quindi, 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 manifest, anche se la maggior parte delle estensioni non utilizza molto il file manifest. Per questo avvio rapido, l'estensione presenta un file popup e un'icona dichiarati sotto il 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 con titolo hello.html:

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

L'estensione ora mostra hello.html quando fai clic sull'icona. Il passaggio successivo è includere nell'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 sul computer locale.

  1. Vai a chrome://extensions nel browser. Puoi accedere a questa pagina anche facendo clic su nel menu Chrome in alto a destra nella omnibox, passando il mouse sopra 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 per "Hello Extensions". .

Complimenti! Ora puoi usare 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. Leggi il blog di Chromium per non perderti gli aggiornamenti
  4. Iscriviti al gruppo Chromium-extensions