Ich habe heute meine erste Firefox-Erweiterung (noch nicht reviewed) hochgeladen und ich bin ein bisschen beeindruckt davon, wie einfach das war. Natürlich habe ich das Addon-SDK benutzt, wahrscheinlich wäre es sonst auch ein bisschen schwieriger gewesen.
Man lädt also das SDK herunter und führt das bin/activate-Skript aus, um es zu laden. Dann einen Ordner erstellen, ein
cfx init
ausführen und schon ist das Grundgerüst da. Die lib/main.js ist der Startpunkt des Codes, und so einfach zeichnet man mit ihr ein Widget:
var widgets = require("sdk/widget");
var tabs = require("sdk/tabs");
var widget = widgets.Widget({
id: "mozilla-link",
label: "Mozilla website",
contentURL: "http://www.mozilla.org/favicon.ico",
onClick: function() {
tabs.open("http://www.mozilla.org/");
}
});
Für mich war relevanter, wie einfach mit JS die Zielseite manipuliert werden kann:
var data = require("sdk/self").data;
var pageMod = require("sdk/page-mod");
pageMod.PageMod({
include: "*.ycombinator.com",
contentScriptFile: [data.url("jquery-2.1.0.min.js"),
data.url("hn-colors.js")]
Wobei data/hn-colors.js den seitenspezifischen jQuery-Code enthält, der einfach runtergeschrieben werden kann.
Ziemlich simpel, und - ich hab mal einen Blick in die API geworfen - dabei trotzdem recht mächtig. Und ich fühl mich jetzt, als hätte ich eine tolle neue Fähigkeit erlernt.
onli blogging am : Hacker News Colors für Firefox
Vorschau anzeigen