Diese Artikelserie ist die deutsche Übersetzung meines Artikels “Developing a Browser Toolbar”, der in den ASPects (Englisch) im Januar 2010 (Jahrgang 23, Ausgabe 1), ein Magazin der Association of Shareware Professionals (ASP; Englisch), veröffentlicht wurde.

Die Entwicklung einer Toolbar für Firefox ist relative einfach: Alles geschieht mit XML, einem bisschen CSS und besonders JavaScript. Das Letzte ist auch der einzige Knackpunkt an der Sache, da ich die Entwicklung in JavaSkript schlicht und ergreifend nicht mag. Aber wie auch immer, es ist in diesem Fall ziemlich unkompliziert.

Ich habe eine sehr gute Seite im Internet gefunden (Englisch). Dieses Tutorial erklärt die Entwicklung einer Firefox-Toolbar im Detail und ersparte mir eine Menge an Recherche-Arbeit. Nachdem Sie das Online-Tutorial durchgegangen sind, sollten Sie bereits eine voll funktionsfähige Firefox-Toolbar haben. Danach sind nur zwei Dinge übrig:

Automatisches Online-Update

Ich wollte, dass meine Toolbar mit automatischen Updates von meinem Webserver versorgt wird. Das ist jedoch ziemlich einfach, wenn man das integrierte Update-System des Firefox’ verwendet. Auf derselben Seite gibt es auch ein gutes Tutorial über das Hinzufügen einer automatischen Update-Funktion (Englisch).

Deinstallationsschaltfläche innerhalb der Toolbar

Das schlechte Image von Toolbars basiert sicherlich nicht zuletzt auf der Tatsache, dass die meisten wirklich schwierig zu deinstallieren sind. Obwohl Firefox bereits eine Deinstallationsunterstützung mit dem Add-On-Manager für den Benutzer anbietet, wollte ich eine Deinstallationsschaltfläche direkt in die Toolbar selbst integrieren. Nachdem ich im Internet und im Mozilla Developer Center etwas recherchiert habe, entwickelte ich folgendes Stück Quelltext, das zunächst die Toolbar erfolgreich deinstalliert, danach dem Benutzer eine Webseite (irgendetwas wie “Schade, dass Sie die Toolbar deinstalliert haben…”) anzeigt und zum Schluss dem Benutzer mitteilt, dass ein Browser-Neustart zum Abschluss der Deinstallation nötig ist:

try {
    var tb = document.getElementById('ABTools-Toolbar');
    var text = ABTools_ToolbarData["msg.uninstallToolbarText"].replace("%name%",
                                   ABTools_ToolbarData["toolbar.name"]);
    if (!window.confirm(text))
        return;

    var gExtensionManager = Components.classes["@mozilla.org/extensions/manager;1"]
                            .getService(Components.interfaces.nsIExtensionManager);
    var rds = gExtensionManager.datasource;
    if (gExtensionManager.uninstallItem) gExtensionManager.uninstallItem(ABTools_id);
    if (gExtensionManager.uninstallExtension)
        gExtensionManager.uninstallExtension(ABTools_id);

    ABTools_guid = "";
    ABTools_saveSettings();

    ABTools_LoadURL(getABToolsHomepageLink(9));

    alert(ABTools_ToolbarData["msg.restartBrowserText"]);
} catch(e) {
    if (ABTools_DebugMode) alert(e);
}

Nach diesen Schritten ist Ihre Firefox-Toolbar fertig für die Installation! Sie funktioniert auf Firefox Version 1.5 oder neuer, unabhängig vom Betriebssystem.

Im nächsten Artikel kommen wir zum komplizierteren Browser.

Inhalt der Artikelserie “Entwicklung einer Browser-Toolbar”:

• Einführung
• Mozilla Firefox
• Microsoft Internet Explorer
• Installationssystem
• Zusammenfassung

Der Artikel ist auch in English verfügbar.