Wat zijn extensies?

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

Een extensie moet een enkel, nauwkeurig omschreven en gemakkelijk te begrijpen doel dienen. Een enkele extensie kan meerdere componenten en uiteenlopende functionaliteiten bevatten, zolang alles maar bijdraagt ​​aan een gemeenschappelijk doel.

Een schermafbeelding van het pictogram van een extensie in de adresbalk van de browser.

Gebruikersinterfaces moeten minimalistisch en doelgericht zijn. Ze kunnen variëren van een eenvoudig pictogram, zoals de Google Mail Checker-extensie hierboven, tot het volledig overschrijven van een pagina.

Extensiebestanden worden gecomprimeerd in één .crx pakket dat de gebruiker downloadt en installeert. Dit betekent dat extensies, in tegenstelling tot gewone webapplicaties, niet afhankelijk zijn van content van het web.

Extensies worden gedistribueerd via het Chrome Developer Dashboard en gepubliceerd in de Chrome Web Store . Zie de ontwikkelaarsdocumentatie van de store voor meer informatie.

Hallo extensies

Maak een eerste stap in de wereld van extensies met dit snelle Hello Extensions-voorbeeld. Begin met het aanmaken van een nieuwe map om de bestanden van de extensie in op te slaan, of download ze van de voorbeeldpagina .

Voeg vervolgens een bestand met de naam manifest.json toe en neem de volgende code daarin 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 doen met alleen het manifest. 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 aan:

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

De extensie toont nu hello.html wanneer op het pictogram wordt geklikt. De volgende stap is het toevoegen van een commando aan het manifest.json waarmee een sneltoets kan worden ingeschakeld. 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. Ga in je browser naar chrome://extensions . Je kunt deze pagina ook openen door in het Chrome-menu rechtsboven in de adresbalk te klikken, met de muis over 'Meer tools' te bewegen en 'Extensies' te selecteren.
  2. Vink het vakje naast Ontwikkelaarsmodus aan.
  3. Klik op 'Niet-ingepakte extensie laden' en selecteer de map voor uw 'Hello Extensions'-extensie.

Gefeliciteerd! Je kunt je pop-up-extensie nu gebruiken door op het pictogram hello_extensions.png te klikken of door op Ctrl+Shift+F op je toetsenbord te drukken.

Wat nu?

  1. Volg de handleiding 'Aan de slag'.
  2. Lees het overzicht
  3. Blijf op de hoogte door de Chromium-blog te lezen.
  4. Abonneer je op de chromium-extensions groep