Jetzt loslegen
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
Was sind Erweiterungen?
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.
Wie werden sie aufgebaut?
Sie können Erweiterungen mit denselben Webtechnologien erstellen, die auch zur Erstellung von Webanwendungen verwendet werden: HTML, CSS und JavaScript.
Was können sie tun?
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.
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 zeichnet wichtige Metadaten auf, definiert Ressourcen, legt Berechtigungen fest und bestimmt, welche Dateien im Hintergrund und auf der Seite ausgeführt werden sollen.
Service Worker
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.
Inhaltsskripte
Content-Skripts führen JavaScript im Kontext einer Webseite aus.
Symbolleistenaktion
Code wird ausgeführt, wenn der Nutzer auf das Symbol der Erweiterungssymbolleiste klickt, oder mithilfe der Action API ein Pop-up einblenden.
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, 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.
Hochwertige Erweiterung entwerfen
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.
Mit den Richtlinien vertraut machen
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.
Gesamte Erweiterungslogik einschließen
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.
Deine erste Erweiterung
Erstellen Sie Ihre erste Hello World-Erweiterung, um sich mit dem Workflow der Erweiterungsentwicklung vertraut zu machen.
Skripts auf jeder Seite ausführen
Hier erfahren Sie, wie Sie einer bestimmten Website automatisch Elemente hinzufügen.
Skripts in den aktiven Tab einfügen
Klicken Sie auf das Symbolleistensymbol, um den Stil der aktuellen Seite zu vereinfachen.
Tab-Manager erstellen
Hier erfahren Sie, wie Sie ein Pop-up erstellen, mit dem Ihre Tabs verwaltet werden.
Ereignisse mit Service Workern verarbeiten
Hier erfahren Sie, wie Sie einen Erweiterungsdienst-Worker erstellen und Fehler beheben.
Fehler in der Erweiterung beheben
Hier erfahren Sie, wie Sie während der Fehlerbehebung Logs und Fehlermeldungen finden.