Willkommen bei der Entwicklung von Chrome-Erweiterungen. Hier erfahren Sie alles, was Sie brauchen, um Ihre erste Chrome-Erweiterung zu erstellen und zu vertreiben.

Übersicht

Mit Chrome-Erweiterungen wird das Surfen im Web verbessert, da sie die Benutzeroberfläche anpassen, Browserereignisse beobachten und Änderungen am Web vornehmen. Im Chrome Web Store finden Sie weitere Beispiele für die Funktionen von Erweiterungen.
Sie können Erweiterungen mit denselben Webtechnologien erstellen, die auch zur Erstellung von Webanwendungen verwendet werden: HTML, CSS und JavaScript.
Zusätzlich zu den Web-APIs haben Erweiterungen auch Zugriff auf Chrome-Erweiterungs-APIs für verschiedene Aufgaben. Eine ausführlichere Übersicht finden Sie im Entwicklerleitfaden.

Erweiterungsbegriffe

Eine Chrome-Erweiterung besteht aus Teilen mit unterschiedlichen Rollen.
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 zeichnet wichtige Metadaten auf, definiert Ressourcen, legt Berechtigungen fest und bestimmt, welche Dateien im Hintergrund und auf der Seite ausgeführt werden sollen.
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 es für diesen Anwendungsfall mit einem nicht sichtbaren Dokument kombinieren.
Content-Skripts führen JavaScript im Kontext einer Webseite aus.
Code wird ausgeführt, wenn der Nutzer auf das Symbol der Erweiterungssymbolleiste klickt, oder mithilfe der Action API ein Pop-up einblenden.
Benutzerdefinierte Benutzeroberfläche in der Seitenleiste des Browsers anzeigen.
Netzwerkanfragen abfangen, blockieren oder ändern

Im Chrome Web Store veröffentlichen

Wenn Sie die Erweiterung für sich selbst erstellen, lesen Sie unsere Anleitung für die ersten Schritte. Wenn Sie Apps im Chrome Web Store veröffentlichen möchten, müssen Sie zuerst einige Dinge beachten.
Achten Sie bei der Auswahl der zu unterstützenden Funktionen darauf, dass Ihre Erweiterung einem einzigen Zweck dient, der genau definiert und leicht verständlich ist.
Erweiterungen, die im Chrome Web Store vertrieben werden, müssen den Programmrichtlinien für Entwickler entsprechen. Lesen Sie diese Richtlinien, damit Ihre Erweiterung im Chrome Web Store gehostet werden kann.
Beachten Sie beim Schreiben Ihres Codes, dass die gesamte Logik im Erweiterungspaket enthalten sein muss. Das bedeutet, dass zur Laufzeit kein zusätzlicher JavaScript-Code heruntergeladen werden darf. Verbesserung der Sicherheit von Erweiterungen bietet Alternativen zur Ausführung von extern gehostetem Code.

Anleitungen

Wählen Sie eine der folgenden Anleitungen aus, um den Lernpfad für Erweiterungen zu starten.
Erstellen Sie Ihre erste Hello World-Erweiterung, um sich mit dem Workflow der Erweiterungsentwicklung vertraut zu machen.
Hier erfahren Sie, wie Sie einer bestimmten Website automatisch Elemente hinzufügen.
Klicken Sie auf das Symbolleistensymbol, um den Stil der aktuellen Seite zu vereinfachen.
Hier erfahren Sie, wie Sie ein Pop-up erstellen, mit dem Ihre Tabs verwaltet werden.
Hier erfahren Sie, wie Sie einen Erweiterungsdienst-Worker erstellen und Fehler beheben.
Hier erfahren Sie, wie Sie während der Fehlerbehebung Logs und Fehlermeldungen finden.