Welkom bij de ontwikkeling van Chrome-extensies. Ontdek alles wat u nodig heeft om te beginnen met het bouwen en distribueren van uw eerste Chrome-extensie.

Overzicht

Chrome-extensies verbeteren de browse-ervaring door de gebruikersinterface aan te passen, browsergebeurtenissen te observeren en het internet aan te passen. Bezoek de Chrome Web Store voor meer voorbeelden van wat extensies kunnen doen.
U kunt extensies bouwen met dezelfde webtechnologieën die worden gebruikt om webapplicaties te maken: HTML , CSS en JavaScript .
Naast web-API's hebben extensies ook toegang tot Chrome Extension-API's om verschillende taken uit te voeren. Voor een gedetailleerder overzicht kunt u de Ontwikkelgids raadplegen.

Terminologie van extensies

Een Chrome-extensie is samengesteld uit onderdelen die verschillende rollen spelen.
Het manifest van de extensie is het enige vereiste bestand dat een specifieke bestandsnaam moet hebben: manifest.json. Het moet zich ook in de hoofdmap van de extensie bevinden. Het manifest legt belangrijke metadata vast, definieert bronnen, declareert machtigingen en identificeert welke bestanden op de achtergrond en op de pagina moeten worden uitgevoerd.
Een servicemedewerker draait op de achtergrond en handelt browsergebeurtenissen af, zoals het verwijderen van een bladwijzer of het sluiten van een tabblad. Ze hebben geen toegang tot de DOM, maar u kunt deze voor dit gebruik combineren met een offscreen-document.
Inhoudsscripts voeren JavaScript uit in de context van een webpagina.
Voer code uit wanneer de gebruiker op het extensiewerkbalkpictogram klikt of toon een pop-up met behulp van de Action API.
Geef de aangepaste gebruikersinterface weer in het zijpaneel van de browser.
Netwerkverzoeken onderscheppen, blokkeren of wijzigen.

Publiceer in de Chrome Web Store

Als u de extensie voor uzelf bouwt, bekijk dan onze Aan de slag-tutorial . Als u wilt publiceren in de Chrome Web Store, zijn er een paar dingen die u eerst moet weten.
Wanneer u kiest welke functies u wilt ondersteunen, zorg er dan voor dat uw extensie één enkel doel vervult dat nauwkeurig gedefinieerd en gemakkelijk te begrijpen is.
Extensies die in de Chrome Web Store worden gedistribueerd, moeten voldoen aan het programmabeleid voor ontwikkelaars . Bekijk dit beleid om ervoor te zorgen dat uw extensie kan worden gehost in de Chrome Web Store.
Houd er bij het schrijven van uw code rekening mee dat alle logica in het uitbreidingspakket moet zijn opgenomen. Dit betekent dat er tijdens runtime geen extra JavaScript-code mag worden gedownload. Verbetering van de extensiebeveiliging biedt alternatieven voor het uitvoeren van op afstand gehoste code.

Handleidingen

Kies een van de volgende tutorials om uw uitgebreide leertraject te beginnen.
Creëer uw eerste hello world-extensie, waar u vertrouwd raakt met de workflow voor het ontwikkelen van extensies.
Leer hoe u automatisch elementen aan een opgegeven site kunt toevoegen.
Leer hoe u de stijl van de huidige pagina kunt vereenvoudigen door op het werkbalkpictogram te klikken.
Leer hoe u een pop-up maakt die uw tabbladen beheert.
Leer hoe u een extensieservicemedewerker maakt en fouten oplost.
Leer hoe u logboeken en foutmeldingen kunt vinden tijdens het opsporen van fouten.