Aan de slag
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
Wat zijn extensies?
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.
Hoe zijn ze gebouwd?
U kunt extensies bouwen met dezelfde webtechnologieën die worden gebruikt om webapplicaties te maken: HTML , CSS en JavaScript .
Wat kunnen ze doen?
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.
Manifest
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.
Servicemedewerkers
Een servicewerknemer 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
Inhoudsscripts voeren JavaScript uit in de context van een webpagina.
Werkbalkactie
Voer code uit wanneer de gebruiker op het extensiewerkbalkpictogram klikt of toon een pop-up met behulp van de Action API.
Zijpaneel
Geef de aangepaste gebruikersinterface weer in het zijpaneel van de browser.
DeclaratieveNetRequest
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.
Ontwerp een hoogwaardige uitbreiding
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.
Maak uzelf vertrouwd met het beleid
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.
Neem alle extensielogica op
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.
Je eerste verlenging
Creëer uw eerste hello world-extensie, waar u vertrouwd raakt met de workflow voor het ontwikkelen van extensies.
Voer scripts uit op elke pagina
Leer hoe u automatisch elementen aan een opgegeven site kunt toevoegen.
Scripts in het actieve tabblad injecteren
Leer hoe u de stijl van de huidige pagina kunt vereenvoudigen door op het werkbalkpictogram te klikken.
Maak een tabbladbeheerder
Leer hoe u een pop-up maakt die uw tabbladen beheert.
Behandel evenementen met servicemedewerkers
Leer hoe u een extensieservicemedewerker maakt en fouten oplost.
Debug uw extensie
Leer hoe u logboeken en foutmeldingen kunt vinden tijdens het opsporen van fouten.