- Browser bieten Erweiterungen zur Erweiterung von Funktionen. Eigene Erweiterungen können programmiert werden, um spezialisierte Funktionen hinzuzufügen. Ein grundlegendes Verständnis von HTML, CSS und JavaScript ist notwendig. Manifeste und Symboldateien sind zentrale Komponenten. Es gibt zahlreiche Online-Ressourcen zum Lernen und Entwickeln.
Die meisten von uns verbringen viel Zeit in einem Webbrowser. Egal ob Sie Chrome, Firefox oder Edge verwenden, diese Browser bieten eine Vielzahl an Erweiterungen, um die bereits integrierten Funktionen zu verbessern. Doch was, wenn Sie eine spezifische zusätzliche Funktionalität benötigen, die von bestehenden Add-ons nicht abgedeckt wird? Dann könnte es an der Zeit sein, Ihre eigene Browser-Erweiterung zu schreiben. Das mag entmutigend klingen, ist aber nicht so schwer, sobald man die Grundlagen verstanden hat. Und nachdem Sie eine benutzerdefinierte Erweiterung erstellt haben, können Sie diese entweder privat verwenden oder öffentlich zugänglich machen, damit jeder sie nutzen kann.
Ein gewisses Maß an Programmierkenntnissen ist erforderlich, daher sollten Sie die Grundlagen des Webdesigns und der Skripterstellung lernen, falls Sie diese noch nicht kennen. Anfänger können klein anfangen und sich allmählich steigern. Es gibt zahlreiche hilfreiche Ressourcen im Internet, von Codebibliotheken bis hin zu Onlinekursen.
Der erste Schritt: Das Manifest
Ein Browser-Add-on besteht aus bestimmten Komponenten. Die erste davon ist das Manifest, eine Datei mit dem Namen manifest.json, die verschiedene Metadaten enthält, um die Erweiterung zu identifizieren und ihre Funktion zu beschreiben. In das Manifest schreiben Sie den Namen der Erweiterung, beschreiben ihre Funktion und spezifizieren eine Standardaktion, die die Erweiterung ausführt.
Das Manifest verweist auf alle anderen benötigten Dateien der Erweiterung, die im gleichen Ordner aufbewahrt werden sollten. Darunter befinden sich die Symboldateien, die visuell im Browser angezeigt werden und die Benutzer darauf hinweisen, dass die Erweiterung aktiv ist. Empfohlen wird ein Symbol mit einer Größe von mindestens 128 x 128 Pixeln. Weitere Größen zur einheitlichen Darstellung auf verschiedenen Bildschirmen sind ebenfalls ratsam. Ohne eigenes Symbol zeigt der Browser stattdessen einen generischen Buchstaben.
Programmieren Sie Ihre Erweiterung
Ihre Skripte führen die eigentliche Arbeit der Erweiterung aus und können in verschiedenen Formaten vorliegen: HTML (Hypertext Markup Language) für einfaches Webdesign, CSS (Cascading Style Sheets) für fortgeschrittene Gestaltung und Manipulation von Objekten auf der Webseite, sowie JavaScript für den Hauptteil der Programmierarbeit, sofern Ihre Erweiterung mehr macht, als nur eine Seite zu laden. Diese Technologien sind dieselben, die auch Webseiten und Web-Apps antreiben, die Sie täglich im Browser nutzen. Sie benötigen mindestens ein grundlegendes Verständnis von HTML, CSS und JavaScript, um loszulegen.
Wenn Sie noch nie mit diesen Sprachen gearbeitet haben, lassen Sie sich nicht entmutigen: Selbst Anfänger können innerhalb einer Stunde einfachen Code schreiben. Überlegen Sie sich, welche Funktionalität Ihrer Meinung nach im Browser fehlt oder welche Verbesserungen bestimmte Webseiten einfacher nutzbar machen könnten. Schauen Sie sich die Bibliotheken der Drittanbieter-Erweiterungen für Chrome und Firefox an, um Inspiration zu finden.
Den Entwicklungsprozess meistern
Es gibt unzählige Bildungressourcen im Internet, und die Grundlagen des Programmierens zu lernen, dauert nicht so lange, wie Sie vielleicht denken. Neben Tutorials finden Sie auch eine Vielzahl von Beispielerweiterungen und Codeschnipseln, die Sie kopieren, einfügen und für Ihre eigenen Zwecke anpassen können.
Google bietet eine hilfreiche Anleitung zum Codieren einer einfachen Chrome-Erweiterung, die alles abdeckt, von der Erstellung des Manifests bis zur Überprüfung der Fehlerprotokolle und der Sichtbarmachung des fertigen Add-ons im Browser. Dies ist eine gute Einführung in die Struktur der einzelnen Komponenten einer Erweiterung.
Wenn Sie Ihre Erweiterung erstellen, ist es am besten, den Browser zu verwenden, mit dem Sie am häufigsten arbeiten. Sobald Ihre Erweiterung erstellt ist, können Sie sie auch für andere Browser verfügbar machen. Dies ist dank der Einführung plattformübergreifender Standards einfacher geworden, erfordert jedoch noch einige Anpassungen.
Die Erweiterung verwenden
Ihre Erweiterung muss nicht fertig sein, bevor Sie sie auf Ihrem eigenen Computer testen können. Wenn Sie die Erweiterungsseite in Chrome laden, sehen Sie einen Umschalter für den Entwicklermodus in der oberen rechten Ecke. Aktivieren Sie diesen, um alle Add-ons zu laden, an denen Sie arbeiten. Ihnen werden drei Optionen angeboten: Ungepackt laden (zum Laden einer Erweiterung, die noch aus mehreren separaten Dateien besteht), Erweiterung packen (zum Verpacken dieser Dateien in eine fertige .crx-Datei, die verteilt werden kann) und Aktualisieren (zum Aktualisieren der Dateien einer bereits hinzugefügten Erweiterung).
Wenn Ihr fertiges Add-on in einer Datei mit der Endung .crx verpackt ist, können Sie es zu Chrome hinzufügen, indem Sie einfach doppelt darauf klicken. Dies ermöglicht auch die Einreichung im Chrome Web Store. Der Einreichungsprozess erfordert das Ausfüllen von Informationen darüber, was die Erweiterung tut und wie sie mit Benutzerdaten umgeht. Sobald Sie Ihre Erweiterung eingereicht haben, überprüft Google sie, um sicherzustellen, dass sie sicher ist und das tut, was sie behauptet. Diese Überprüfung kann mehrere Wochen dauern.
Trotz gelegentlicher Unannehmlichkeiten ist die Entwicklung einer eigenen Erweiterung eine Überlegung wert. Neben dem Verständnis moderner Webtechnologien und -sprachen könnten Sie am Ende auch tausende oder sogar zehntausende Benutzer haben, die Ihre Erweiterung verwenden.
