tkdmatze

Jetpack

Jetpack[1] ist eine Neuentwicklung der Mozilla Labs, welche die Erweiterbarkeit des Firefox noch weiter vereinfachen soll. Schon jetzt ist Firefox mit seiner schier grenzenlosen Erweiterbarkeit ein Liebling der Webentwickler. Welcher Entwickler kommt noch ohne FireBug[2] zurecht? Welcher Firefoxbenutzer hat nicht AdBlock installiert?

1 Millarde Erweiterungen wurden allein über die Add-On-Seite installiert. Und diese Zahl soll jetzt noch steigen. John Resig,  “Evangelist” bei Mozilla und der Entwickler hinter JQuery[3] wird sich sicher freuen, dass JQuery zur Basis von JetPack gehört.

Wie sieht das ganze aus?:

jetpack.statusBar.append({
   html: "Bam<em>!</em>",
   width: 45,
   onReady: function(widget){
      $(widget).click(function(){
         jetpack.notifications.show( "Booming!" );
         $(jetpack.tabs.focused.contentDocument)
            .find("body")
            .css({backgroundColor:"blue"})
            .animate({opacity:.5});
         });
      }
});

Wer sich schon mit JQuery und/oder der Entwicklung von Extensions eingearbeitet hat, sollte sich schnell zurecht finden.

Chrome

Chrome 2 unterstützt rudimentär Extensions[4]. Klingt gut. Doch ist es auch gut? Fakt ist, dass sich Extensions einfacher entwickeln lassen, als beim Internet Explorer, ein weiterer Fakt ist, dass Google’s System weit mächtiger ist als Opera’s “Userscripts”. Und gegenüber Firefox muss sich das System auch nicht verstecken.

Der grosse Vorteil bei Chrome ist sicher die eingebaute Gears-Engine, mit der man viele Möglichkeiten hat, z.B. Daten lokal zu speichern. Und Google bietet eine einfachere API als Mozilla(ohne Jetpack) an.

Nehmen wir das Beispiel “Bookmark speichern”

Mozilla

var bmsvc = Components.classes["@mozilla.org/browser/nav-bookmarks-service;1"]
                      .getService(Components.interfaces.nsINavBookmarksService);
var ios = Components.classes["@mozilla.org/network/io-service;1"]
                    .getService(Components.interfaces.nsIIOService);
var uri = ios.newURI("http://google.com/", null, null);
var newBkmkId = bmsvc.insertBookmark(newFolderId, uri, bmsvc.DEFAULT_INDEX, "");

Google

chrome.bookmarks.create(url:’http://google.com/’);

[1] JetPack auf Mozilla Labs

[2] Firebug

[3] JQuery

[4] Chrome Extensions