Was sind Erweiterungen?
Hinweis: Wenn Sie bereits mit den grundlegenden Konzepten von Erweiterungen vertraut sind, können Sie diesen Abschnitt überspringen und nachlesen, wie die Dateien einer Erweiterung organisiert sind. Nutzen Sie anschließend die Referenzdokumentation, um mit der Entwicklung Ihrer Erweiterung zu beginnen. Im Firefox Extension Workshop erfahren Sie mehr über den Ablauf beim Entwickeln, Testen und Veröffentlichen von Erweiterungen für Firefox.
Eine Erweiterung fügt einem Browser Funktionen hinzu. Sie erstellen sie mit vertrauten Webtechnologien: HTML, CSS und JavaScript. Eine Erweiterung kann dieselben Web-APIs wie JavaScript auf einer Webseite verwenden, hat aber zusätzlich Zugriff auf weitere JavaScript-APIs.
Diese zusätzlichen JavaScript-APIs, die WebExtensions APIs, sind weitgehend mit den wichtigsten Browsern kompatibel: Google Chrome, Apple Safari, Microsoft Edge und Opera. Für Firefox geschriebene Erweiterungen funktionieren in den meisten Fällen auch in den anderen Browsern und erfordern dafür nur wenige oder gar keine Änderungen.
Dank der WebExtensions APIs können Sie mit einer Erweiterung viel mehr tun als mit Code auf einer Webseite. Hier sind einige Beispiele:
Eine Website verbessern oder ergänzen: Nutzen Sie eine Erweiterung, um zusätzliche Funktionen oder Informationen Ihrer Website direkt im Browser bereitzustellen. Ermöglichen Sie Benutzern, Informationen von besuchten Seiten zu sammeln, um Ihren Dienst zu verbessern.
Beispiele: Enhancer for YouTube und Control Panel for Twitter.
Benutzern ermöglichen, ihre Persönlichkeit auszudrücken: Erweiterungen können den Inhalt von Webseiten verändern. So können Benutzer beispielsweise ihr Lieblingslogo oder ein Bild als Hintergrund für jede besuchte Seite festlegen. Erweiterungen können es Benutzern auch ermöglichen, das Erscheinungsbild der Firefox-Benutzeroberfläche anzupassen, wie es eigenständige Theme-Add-ons tun.
Beispiele: Tabliss, Stylus und Emoji.
Inhalte auf Webseiten hinzufügen oder entfernen: Sie können Benutzern helfen, aufdringliche Werbung zu blockieren, einen Reiseführer bereitzustellen, sobald auf einer Seite ein Land oder eine Stadt erwähnt wird, oder Seiteninhalte für ein einheitliches Leseerlebnis neu zu formatieren. Da Erweiterungen auf HTML und CSS einer Seite zugreifen und beides ändern können, helfen sie Benutzern, das Web so zu sehen, wie sie es möchten.
Beispiele: uBlock Origin, Return YouTube Dislike und LeechBlock NG.
Werkzeuge und neue Funktionen zum Surfen hinzufügen: Ergänzen Sie ein Taskboard um neue Funktionen oder erzeugen Sie QR-Code-Bilder aus URLs, Hyperlinks oder Seitentext. Dank flexibler Möglichkeiten für die Benutzeroberfläche und der Leistungsfähigkeit der WebExtensions APIs können Sie einem Browser problemlos neue Funktionen hinzufügen. Außerdem können Sie die Funktionen nahezu jeder Website verbessern – es muss nicht Ihre eigene sein.
Beispiele: Worldwide Radio, Flagfox und Tomato Clock.
Spiele: Bieten Sie klassische Computerspiele mit Offline-Funktionen an oder erkunden Sie neue Spielmöglichkeiten, etwa indem Sie Spielelemente in das alltägliche Surfen einbinden.
Beispiele: RPG Game - Dedalium by Loycom Games, Solitaire Card Game und Boxel 3D.
Entwicklungswerkzeuge hinzufügen: Vielleicht bieten Sie Werkzeuge für die Webentwicklung als Teil Ihres Geschäfts an oder haben eine nützliche Technik oder Herangehensweise für die Webentwicklung entwickelt, die Sie teilen möchten. In beiden Fällen können Sie die integrierten Firefox-Entwicklerwerkzeuge um einen neuen Tab in der Entwickler-Symbolleiste ergänzen.
Beispiele: aXe Developer Tools, Web Developer und Web React Developer Tools.
Wenn Sie Ideen oder Fragen haben, erreichen Sie uns im Add-ons Discourse oder im Add-ons-Raum auf Matrix.
Wie geht es weiter?
- Gehen Sie die Entwicklung einer Erweiterung unter Ihre erste Erweiterung Schritt für Schritt durch.
- Erfahren Sie unter Aufbau einer Erweiterung mehr über die Struktur einer Erweiterung.
- Probieren Sie unter Beispielerweiterungen einige Erweiterungsbeispiele aus.