Projekt Browser-Erweiterung: Ein eigener Helfer im Browser

Eine eigene Browser-Erweiterung ist ein Projekt mit spürbarem Nutzen: Sie läuft dort, wo du ohnehin arbeitest, und erledigt eine kleine Aufgabe auf jeder Seite. Ein KI-Assistent schreibt den Code dafür schnell. Ob die Erweiterung mit möglichst wenigen Rechten auskommt, Webseiten nicht beschädigt und wirklich lädt, prüfst du mit diesem Arbeitsbuch Schritt für Schritt.

Du baust den "Wortmarker", der selbst gewählte Wörter auf der aktuellen Seite markiert und zählt. Acht Etappen mit 24 Prompts führen vom leeren Ordner bis zum Laden im eigenen Browser. Jeder Prompt hat eine Beschreibung des Ergebnisses und einen Hinweis, woran du ein schlechtes Ergebnis erkennst. Die Kernlogik ist getrennt vom Browser-Teil und mit abgedruckten Tests geprüft, das Manifest gegen die offizielle Entwicklerdokumentation abgeglichen.

Dazu kommen vier Schaubilder zu den Bauteilen, eine Entscheidungshilfe für Berechtigungen mit zehn Fällen, fünf Übungen mit Lösung, eine Fehlerhilfe und eine Prüfliste mit 14 Fragen vor einer Veröffentlichung.

Für wen? Für Einsteigerinnen und Einsteiger mit Grundkenntnissen in HTML und JavaScript, die mit einem KI-Assistenten eine eigene kleine Erweiterung bauen und dabei verstehen wollen, was sie tut.

Wichtig: Das Arbeitsbuch ist eine Lernhilfe. Es garantiert nicht, dass eine Erweiterung in einem Verzeichnis angenommen wird. Die Logik ist getestet; der Teil mit Browser-Schnittstellen ist als Muster gekennzeichnet und wird von dir im eigenen Browser ausprobiert. Datenschutz, Richtlinien der Verzeichnisse und Barrierefreiheit erscheinen nur als Fragen für Fachleute, nicht als Beratung. Lies KI-Code vor dem Laden selbst und lass ihn vor einer Veröffentlichung von einem erfahrenen Menschen prüfen. Unabhängiger Leitfaden, kein Produkt eines Browser-Herstellers und mit keinem verbunden. Stand: Oktober 2026. Funktionen, Felder und Regeln ändern sich – prüfe die offizielle Dokumentation. Mit KI-Unterstützung erstellt.