Wat zijn extensies?

Extensies zijn kleine softwareprogramma's die de browse-ervaring aanpassen. Ze stellen gebruikers in staat de functionaliteit en het gedrag van Chrome af te stemmen op individuele behoeften of voorkeuren. Ze zijn gebouwd op webtechnologieën zoals HTML, JavaScript en CSS.

Een extensie moet één enkel doel vervullen dat nauw omschreven en gemakkelijk te begrijpen is. Eén uitbreiding kan meerdere componenten en een scala aan functionaliteit omvatten, zolang alles maar bijdraagt ​​aan een gemeenschappelijk doel.

Een screenshot van het pictogram van een extensie in de browserbalk

Gebruikersinterfaces moeten minimaal zijn en een bedoeling hebben. Ze kunnen variëren van een eenvoudig pictogram, zoals de hierboven weergegeven Google Mail Checker-extensie , tot het overschrijven van een hele pagina.

Extensiebestanden worden ingepakt in één .crx pakket dat de gebruiker downloadt en installeert. Dit betekent dat extensies niet afhankelijk zijn van inhoud van internet, in tegenstelling tot gewone webapps.

Extensies worden gedistribueerd via het Chrome Developer Dashboard en gepubliceerd in de Chrome Web Store . Zie de documentatie voor winkelontwikkelaars voor meer informatie.

Hallo uitbreidingen

Zet een kleine stap in de richting van extensies met dit snelle Hello Extensions-voorbeeld. Begin met het maken van een nieuwe map om de bestanden van de extensie op te slaan, of download ze van de voorbeeldpagina .

Voeg vervolgens een bestand toe met de naam manifest.json en neem de volgende code op:

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

Elke extensie vereist een manifest, hoewel de meeste extensies niet veel met alleen het manifest zullen doen. Voor deze snelle start heeft de extensie een pop-upbestand en een pictogram gedeclareerd onder het veld 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"
  }
}

Download hier hello_extensions.png en maak vervolgens een bestand met de naam hello.html :

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

De extensie geeft nu hello.html weer wanneer op het pictogram wordt geklikt. De volgende stap is het opnemen van een opdracht in manifest.json die een sneltoets mogelijk maakt. Deze stap is leuk, maar niet noodzakelijk:

{
  "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"
    }
  }
}

De laatste stap is het installeren van de extensie op uw lokale computer.

  1. Navigeer naar chrome://extensions in uw browser. U kunt deze pagina ook openen door op het Chrome-menu rechtsboven in de omnibox te klikken, de muisaanwijzer op Meer tools te plaatsen en Extensies te selecteren.
  2. Vink het vakje naast Ontwikkelaarsmodus aan.
  3. Klik op Uitgepakte extensie laden en selecteer de map voor uw "Hello Extensions"-extensie.

Gefeliciteerd! U kunt nu uw pop-upgebaseerde extensie gebruiken door op het pictogram hello_world.png te klikken of door op Ctrl+Shift+F op uw toetsenbord te drukken.

Wat nu?

  1. Volg de handleiding Aan de slag
  2. Lees het overzicht
  3. Blijf op de hoogte door het Chromium-blog te lezen
  4. Abonneer u op de chroomextensiesgroep