Los gehts
Willkommen bei der Entwicklung von Chrome-Erweiterungen. Hier finden Sie alles, was Sie zum Erstellen und Verteilen Ihrer ersten Chrome-Erweiterung benötigen.
Übersicht
Was sind Erweiterungen?
Chrome-Erweiterungen verbessern die Browsernutzung, indem sie die Benutzeroberfläche anpassen, Browserereignisse beobachten und das Web ändern. Im Chrome Web Store finden Sie weitere Beispiele für die Funktionen von Erweiterungen.
Wie werden sie erstellt?
Sie können Erweiterungen mit denselben Webtechnologien erstellen, die auch für Webanwendungen verwendet werden: HTML, CSS und JavaScript.
Was kann er tun?
Neben Web-APIs haben Erweiterungen auch Zugriff auf Chrome-Erweiterungs-APIs, um verschiedene Aufgaben auszuführen. Eine ausführlichere Übersicht finden Sie im Entwicklerleitfaden.
Terminologie für Erweiterungen
Eine Chrome-Erweiterung besteht aus Teilen, die unterschiedliche Rollen spielen.
Manifest
Das Manifest der Erweiterung ist die einzige erforderliche Datei, die einen bestimmten Dateinamen haben muss: manifest.json. Außerdem muss sie sich im Stammverzeichnis der Erweiterung befinden. Das Manifest enthält wichtige Metadaten, definiert Ressourcen, deklariert Berechtigungen und gibt an, welche Dateien im Hintergrund und auf der Seite ausgeführt werden sollen.
Dienstprogramme
Ein Service Worker wird im Hintergrund ausgeführt und verarbeitet Browserereignisse wie das Entfernen eines Lesezeichens oder das Schließen eines Tabs. Sie haben keinen Zugriff auf das DOM, aber Sie können sie für diesen Anwendungsfall mit einem Offscreen-Dokument kombinieren.
Inhaltsscripts
In Content-Scripts wird JavaScript im Kontext einer Webseite ausgeführt.
Symbolleistenaktion
Code ausführen, wenn der Nutzer auf das Symbol in der Symbolleiste der Erweiterung klickt, oder ein Pop-up mit der Action API anzeigen
Seitenleiste
Benutzerdefinierte Benutzeroberfläche in der Seitenleiste des Browsers anzeigen
DeclarativeNetRequest
Netzwerkanfragen abfangen, blockieren oder ändern.
Im Chrome Web Store veröffentlichen
Wenn Sie die Erweiterung für sich selbst erstellen, sehen Sie sich unser Einstiegstutorial an. Wenn Sie im Chrome Web Store veröffentlichen möchten, sollten Sie sich zuerst mit einigen Dingen vertraut machen.
Hochwertige Erweiterungen entwerfen
Achten Sie bei der Auswahl der zu unterstützenden Funktionen darauf, dass Ihre Erweiterung einem einzigen Zweck dient, der klar definiert und leicht verständlich ist.
Machen Sie sich mit den Richtlinien vertraut.
Im Chrome Web Store angebotene Erweiterungen müssen den Programmrichtlinien für Entwickler entsprechen. Lesen Sie sich diese Richtlinien durch, um sicherzustellen, dass Ihre Erweiterung im Chrome Web Store gehostet werden kann.
Alle Erweiterungslogik einschließen
Denken Sie beim Schreiben des Codes daran, dass die gesamte Logik im Erweiterungspaket enthalten sein muss. Das bedeutet, dass während der Laufzeit kein zusätzlicher JavaScript-Code heruntergeladen werden kann. Verbesserte Sicherheit von Erweiterungen bietet Alternativen zur Ausführung von remote gehostetem Code.
Anleitungen
Wählen Sie eines der folgenden Tutorials aus, um mit dem Lernen zu beginnen.
Ihre erste Erweiterung
Erstellen Sie Ihre erste „Hallo Welt“-Erweiterung, um sich mit dem Workflow zur Erweiterungsentwicklung vertraut zu machen.
Scripts auf jeder Seite ausführen
Hier erfahren Sie, wie Sie einer bestimmten Website automatisch Elemente hinzufügen.
Skripte in den aktiven Tab einschleusen
Klicken Sie auf das Symbol der Symbolleiste, um den Stil der aktuellen Seite zu vereinfachen.
Tabmanager erstellen
Hier erfahren Sie, wie Sie ein Pop-up erstellen, mit dem Sie Ihre Tabs verwalten können.
Ereignisse mit Service Workern verarbeiten
Informationen zum Erstellen und Entwickeln eines Erweiterungsdienst-Workers
Erweiterung debuggen
Hier erfahren Sie, wie Sie während der Fehlerbehebung Protokolle und Fehlermeldungen finden.