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.