Was sind Erweiterungen?

Hinweis: Wenn Ihnen die grundlegenden Konzepte von Browser-Erweiterungen bereits vertraut sind, überspringen Sie diesen Abschnitt und sehen Sie, wie Erweiterungsdateien zusammengestellt werden. Verwenden Sie dann die Referenzdokumentation, um mit der Erstellung Ihrer Erweiterung zu beginnen. Besuchen Sie den Firefox Extension Workshop, um mehr über den Workflow zum Testen, Veröffentlichen und Erstellen von Erweiterungen für Firefox zu erfahren.

Eine Erweiterung fügt einem Browser Funktionen und Merkmale hinzu. Sie wird mit vertrauten, web-basierten Technologien wie HTML, CSS und JavaScript erstellt. Sie kann dieselben Web-APIs nutzen wie JavaScript auf einer Webseite, hat jedoch zusätzlich Zugriff auf ein eigenes Set von JavaScript-APIs. Das bedeutet, dass Sie mit einer Erweiterung viel mehr tun können als mit Code auf einer Webseite. Hier sind nur einige Beispiele für das, was Sie tun können:

Eine Webseite verbessern oder ergänzen: Nutzen Sie ein Add-on, um zusätzliche In-Browser-Funktionen oder Informationen von Ihrer Webseite bereitzustellen. Erlauben Sie Benutzern, Details von besuchten Seiten zu sammeln, um den von Ihnen angebotenen Service zu verbessern.

Beispiele: Grammarly für Firefox, Enhancer for YouTube, und Control Panel for Twitter.

Die Grammarly-Erweiterung bietet einen Bearbeitungshinweis im GitHub-Editor.

Benutzern ermöglichen, ihre Persönlichkeit zu zeigen: Browser-Erweiterungen können den Inhalt von Webseiten manipulieren; zum Beispiel, indem Benutzer ihr Lieblingslogo oder -bild als Hintergrund für jede besuchte Seite hinzufügen. Erweiterungen können Benutzern auch ermöglichen, das Erscheinungsbild der Firefox-Benutzeroberfläche zu aktualisieren, genauso wie eigenständige Theme-Add-ons.

Beispiele: Tabliss, Stylus, und Emoji.

Ein neuer Tab, gestaltet von der Tabliss-Erweiterung, zeigt ein Wald-Bild mit der Uhrzeit und einer Begrüßungsnachricht.

Inhalte von Webseiten hinzufügen oder entfernen: Sie möchten möglicherweise Benutzern helfen, aufdringliche Werbung auf Webseiten zu blockieren, Zugang zu einem Reiseführer bereitzustellen, wann immer ein Land oder eine Stadt auf einer Webseite erwähnt wird, oder Seiteninhalte neu formatieren, um ein konsistentes Leseerlebnis zu bieten. Mit der Möglichkeit, sowohl auf das HTML als auch CSS einer Seite zuzugreifen und es zu aktualisieren, können Erweiterungen Benutzern helfen, das Web so zu sehen, wie sie es möchten.

Beispiele: uBlock Origin, Return YouTube Dislike, und LeechBlock NG.

uBlock Origin-Popup zeigt geblockte Tracker-Statistiken an.

Werkzeuge und neue Browsing-Funktionen hinzufügen: Fügen Sie neue Funktionen zu einem Aufgabenboard hinzu oder generieren Sie QR-Code-Bilder aus URLs, Hyperlinks oder Seitentext. Mit flexiblen UI-Optionen und der Leistungsfähigkeit der WebExtensions APIs können Sie ganz einfach neue Funktionen zu einem Browser hinzufügen. Und Sie können fast jede Webseite in ihren Funktionen oder ihrer Funktionalität erweitern, es muss nicht Ihre Webseite sein.

Beispiele: Worldwide Radio, Flagfox, und Tomato Clock.

Die Worldwide Radio-Erweiterung zeigt eine Liste der Radiosender für Kanada an, wobei RadioOne zum Abspielen ausgewählt ist.

Spiele: Bieten Sie traditionelle Computerspiele mit Offline-Spielmöglichkeiten an oder erkunden Sie neue Spielmöglichkeiten, wie das Integrieren von Gameplay in das alltägliche Surfen.

Beispiele: RPG Game - Dedalium von Loycom Games, Solitaire Kartenspiel, und 2048 Prime.

Das Dedalium-Popup zeigt den Spielstatus an und bietet Optionen zum Starten eines Kampfes oder Abenteuers.

Entwicklungswerkzeuge hinzufügen: Vielleicht bieten Sie als Unternehmen Web-Entwicklungswerkzeuge an oder haben eine nützliche Technik oder Herangehensweise an die Webentwicklung entwickelt, die Sie teilen möchten. In jedem Fall können Sie die integrierten Entwicklerwerkzeuge von Firefox verbessern, indem Sie der Entwickler-Toolbar einen neuen Tab hinzufügen.

Beispiele: aXe Developer Tools, Web Developer, und Web React Developer Tools.

Die Axe-Erweiterung für Barrierefreiheitstests zeigt gefundene Barrierefreiheitsprobleme auf einer Webseite an.

Erweiterungen für Firefox werden mit den WebExtensions APIs erstellt, einem browserübergreifenden System zur Entwicklung von Erweiterungen. Weitgehend ist die API kompatibel mit der von Google Chrome und Opera unterstützten Erweiterungs-API. Erweiterungen, die für diese Browser geschrieben wurden, laufen in den meisten Fällen auch in Firefox oder Microsoft Edge mit nur wenigen Änderungen.

Wenn Sie Ideen oder Fragen haben, können Sie uns auf dem Add-ons Discourse oder im Add-ons Raum auf Matrix erreichen.

Was kommt als Nächstes?