1: Raketen im Stöberer

Nikolaus 2.0 · 01.12.2009, 00:00

1:

Wer schon immer mal in die Entwicklung von Firefox-Add-ons einsteigen wollte, es aber nie getan hat, weil XUL eine schwer zu lernende und sehr komplexe Sprache ist und Firefox so eine garstige API besitzt und das Ganze obendrein noch schlecht dokumentiert ist, der kann aufatmen: im MDC stehen endlich vernünftige Dokumentationen bereit, hier auf AMO zusammengefasst: Add-on Entwicklerecke und How-to-Bibliothek. Dazu existiert noch ein eigenständiges Framework zur Add-on-Entwicklung. Die unübersichtliche und altbackende XULPlanet-Seite ist auch endlich vom Äther.

Wer schon immer Websites nach eigenen Maßstäben anpassen wollte und es noch nicht getan hat, weil die Userstyle-Dateien des Firefox viel zu umständlich sind, der hat viele Entwicklungen verpasst und sollte sich mal Greasemonkey und Stylish sowie die zugehörigen Seiten userscripts.org und userstyles.org ansehen.

Wen all dies nicht interessiert und tatsächlich immer noch dabei ist, für den gibt es noch etwas, das neuer ist. Die Jungs (und sicherlich auch Mädels) von Mozilla-Labs kamen irgendwann auf die schlaue Idee, dass XUL vielleicht sehr flexibel, aber nicht gerade komfortabel ist. Also entwickelten Sie ein SDK in Form eines Add-ons und nannten es Jetpack. Jetpack ermöglicht es, den Browser zu erweitern und das nur mit HTML, CSS und JavaScript. Der gemeine Wald- und Wiesenwebdesigner fühlt sich also direkt heimisch. Eigens dazu wurde eine API entwickelt, welche die Firefox-API vereinfacht und eine Entwicklung ermöglicht, wie man sie sonst nur von JavaScript-Frameworks kennt (die sich übrigens ebenfalls einbinden lassen).

Nachdem man Jetpack installiert hat, öffnet sich automatisch about:jetpack, die Konfigurationsoberfläche von Jetpack.
Über den Tab Develop gelangt man zu einer Editorkomponente, von der wohl angenommen werden kann, dass es sich um Bespin handelt. Über diesen Editor lassen sich gleich JavaScript-Codes eingeben und ausführen. Die Änderungen sind sofort und ohne den sonst obligatorischen Neustart des Browsers sichtbar. Um nicht das Beispiel aus dem Einsteigertutorial zu nehmen, wollen wir unseren ergebenen Fuchs anweisen, uns nett zu begrüßen:

Code:

jetpack.notifications.show({ title: 'Greetings', body : 'Hi there, I\'m Firefox with Jetpack! Did you sleep well?' });
Klickt man auf try out this code wird man mit einer netten Nachricht begrüßt. Jetzt fehlt nur noch die Funktion, die einem bei negativer Beantwortung einen Kaffee kocht, aber das sei dem geneigten Leser überlassen.
Es steht jetzt aber zu befürchten, dass nur eine Handvoll Leute Vergnüngen daran finden, den Code stets manuell einzutippen. Um ein Jetpack dauerhaft zu installieren, ist es notwendig, den JavaScript-Code in eine Datei zu speichern und eine kleine HTML-Datei zu schreiben:

HTML-Code:

<html> <head> <title>Jetpack Greetings</title> <link rel="jetpack" href="jetpack-file.js" /> </head> <body> <div>Install my Jetpack!</div> </body> </html>
Über das <link>-Tag wird das Jetpack eingebunden. Der Pfadname muss natürlich angepasst werden. Ruft man diese Datei auf, erscheint am oberen Seitenrand wie bei der Installation von Add-ons eine Abfrage, ob man die Installation zulassen will. Nach einigen etwas verwirrenden Sicherheitshinweisen, die sich auf die Unidentifizierbarkeit der Quelle beziehen und noch recht unfertig wirken, ist das Jetpack installiert und begrüßt einen auch gleich ganz artig. Von nun an hat man sicherlich den höflichsten Browser, den die Welt je gesehen hat.
Hat man genug von der Grüßerei beim Starten des Feuerfuchses oder ist die Laune mal am Tiefpunkt, sodass der Anblick fröhlicher Leute und Browser unangenehme Folgen für die Umwelt nach sich ziehen könnte, so lässt sich sich das Jetpack auch wieder über das Jetpack-Panel deinstallieren.

Im Anschluss gibt es natürlich auch noch Referenzen und den Link zu einer Baustelle mit der Überschrift API-Dokumentation. Ja, Jetpack befindet sich noch in der Entwicklung, zeigt aber schon jetzt erstaunliches Potential.

Mozilla Labs » jetpack

Mozilla Labs Jetpack | Exploring new ways to extend and personalize the Web

Jetpack - MDC

Flor1an · 01.12.2009, 00:02

Ui einen Adventskalender, super!

MaiKaY · 01.12.2009, 09:01

Juhu, endlich hab ich einen dieses Jahr!
Ich bin gespannt

mepeisen · 01.12.2009, 09:17

Nikolausi.....
NEIN. OSTERHASI.
Nikolausi.....

Frank · 01.12.2009, 11:04

In der Hoffnung das dieses Jahr die Sortierung klappt

Vielen Dank an die Moderatoren für die Mühe.

hoefti · 01.12.2009, 14:54

Hallo Frank, in guter Hoffnung zu sein kann viel erreichen und machmal sogar einem kleinen Erdenbürger bald das Leben schenken

Ich bin begeistert von der Arbeit die sich die Moderatoren auch dieses Jahr wieder gemacht haben.
Gruß hoefti

PsychoEagle · 01.12.2009, 15:06

Ja, danke an euch

sind sicherlich interessante und gut lesbare Themen.

So wie dieses hier

Manko10 · 01.12.2009, 15:34

Wir lassen uns alle überraschen, was der Nikolaus uns noch bringt. Es war tatsächlich einige Arbeit, ihn dieses Jahr wieder herzuzerren.
Aber lobt den Tag nicht vor dem Abend, wer weiß was noch alles kommt.

PTC · 01.12.2009, 16:57

Danke.

byFd · 01.12.2009, 17:12

wow, da hab ich mich hier über ein jahr nicht eingeloggt...
dachte heute nach, oh schon 1. Dezember, da gibts doch immer Adventskalender und musste an den letztjährigen denken.
gleich überprüft ob es dieses jahr auch einen gibt. sehr gute arbeit, ich freu mich schon auf die weiteren tage.

@PTC: vielen dank für die glückwunsche im letzten jahr

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

01.12.2009, 00:00
Nikolaus 2.0 Adventskalenderöffner Registriert seit: 27.11.2008 Beiträge: 72 PHP-Kenntnisse: Fortgeschritten	1: Raketen im Stöberer 1: Wer schon immer mal in die Entwicklung von Firefox-Add-ons einsteigen wollte, es aber nie getan hat, weil XUL eine schwer zu lernende und sehr komplexe Sprache ist und Firefox so eine garstige API besitzt und das Ganze obendrein noch schlecht dokumentiert ist, der kann aufatmen: im MDC stehen endlich vernünftige Dokumentationen bereit, hier auf AMO zusammengefasst: Add-on Entwicklerecke und How-to-Bibliothek. Dazu existiert noch ein eigenständiges Framework zur Add-on-Entwicklung. Die unübersichtliche und altbackende XULPlanet-Seite ist auch endlich vom Äther. Wer schon immer Websites nach eigenen Maßstäben anpassen wollte und es noch nicht getan hat, weil die Userstyle-Dateien des Firefox viel zu umständlich sind, der hat viele Entwicklungen verpasst und sollte sich mal Greasemonkey und Stylish sowie die zugehörigen Seiten userscripts.org und userstyles.org ansehen. Wen all dies nicht interessiert und tatsächlich immer noch dabei ist, für den gibt es noch etwas, das neuer ist. Die Jungs (und sicherlich auch Mädels) von Mozilla-Labs kamen irgendwann auf die schlaue Idee, dass XUL vielleicht sehr flexibel, aber nicht gerade komfortabel ist. Also entwickelten Sie ein SDK in Form eines Add-ons und nannten es Jetpack. Jetpack ermöglicht es, den Browser zu erweitern und das nur mit HTML, CSS und JavaScript. Der gemeine Wald- und Wiesenwebdesigner fühlt sich also direkt heimisch. Eigens dazu wurde eine API entwickelt, welche die Firefox-API vereinfacht und eine Entwicklung ermöglicht, wie man sie sonst nur von JavaScript-Frameworks kennt (die sich übrigens ebenfalls einbinden lassen). Nachdem man Jetpack installiert hat, öffnet sich automatisch about:jetpack, die Konfigurationsoberfläche von Jetpack. Über den Tab Develop gelangt man zu einer Editorkomponente, von der wohl angenommen werden kann, dass es sich um Bespin handelt. Über diesen Editor lassen sich gleich JavaScript-Codes eingeben und ausführen. Die Änderungen sind sofort und ohne den sonst obligatorischen Neustart des Browsers sichtbar. Um nicht das Beispiel aus dem Einsteigertutorial zu nehmen, wollen wir unseren ergebenen Fuchs anweisen, uns nett zu begrüßen: Code: jetpack.notifications.show({ title: 'Greetings', body : 'Hi there, I\'m Firefox with Jetpack! Did you sleep well?' }); Klickt man auf try out this code wird man mit einer netten Nachricht begrüßt. Jetzt fehlt nur noch die Funktion, die einem bei negativer Beantwortung einen Kaffee kocht, aber das sei dem geneigten Leser überlassen. Es steht jetzt aber zu befürchten, dass nur eine Handvoll Leute Vergnüngen daran finden, den Code stets manuell einzutippen. Um ein Jetpack dauerhaft zu installieren, ist es notwendig, den JavaScript-Code in eine Datei zu speichern und eine kleine HTML-Datei zu schreiben: HTML-Code: <html> <head> <title>Jetpack Greetings</title> <link rel="jetpack" href="jetpack-file.js" /> </head> <body> <div>Install my Jetpack!</div> </body> </html> Über das <link>-Tag wird das Jetpack eingebunden. Der Pfadname muss natürlich angepasst werden. Ruft man diese Datei auf, erscheint am oberen Seitenrand wie bei der Installation von Add-ons eine Abfrage, ob man die Installation zulassen will. Nach einigen etwas verwirrenden Sicherheitshinweisen, die sich auf die Unidentifizierbarkeit der Quelle beziehen und noch recht unfertig wirken, ist das Jetpack installiert und begrüßt einen auch gleich ganz artig. Von nun an hat man sicherlich den höflichsten Browser, den die Welt je gesehen hat. Hat man genug von der Grüßerei beim Starten des Feuerfuchses oder ist die Laune mal am Tiefpunkt, sodass der Anblick fröhlicher Leute und Browser unangenehme Folgen für die Umwelt nach sich ziehen könnte, so lässt sich sich das Jetpack auch wieder über das Jetpack-Panel deinstallieren. Im Anschluss gibt es natürlich auch noch Referenzen und den Link zu einer Baustelle mit der Überschrift API-Dokumentation. Ja, Jetpack befindet sich noch in der Entwicklung, zeigt aber schon jetzt erstaunliches Potential. Mozilla Labs » jetpack Mozilla Labs Jetpack \| Exploring new ways to extend and personalize the Web Jetpack - MDC


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

01.12.2009, 00:02
Flor1an ¯\_(ツ)_/¯ Registriert seit: 18.06.2008 Beiträge: 8.814 PHP-Kenntnisse: Fortgeschritten	Ui einen Adventskalender, super!

01.12.2009, 09:01
MaiKaY Erfahrener Benutzer Registriert seit: 17.09.2009 Beiträge: 629 PHP-Kenntnisse: Anfänger	Juhu, endlich hab ich einen dieses Jahr! Ich bin gespannt __________________ ACHTUNG!!! SIGNATUR!!! PHP-Code: `var_dump($gehirn); exit;` 0 ??? WTF ? Twitter - Folgt mir! \| freutag.net

01.12.2009, 09:17
mepeisen Erfahrener Benutzer Registriert seit: 21.12.2004 Beiträge: 4.651 PHP-Kenntnisse: Fortgeschritten	Nikolausi..... NEIN. OSTERHASI. Nikolausi..... __________________ Entwickler aus Leidenschaft und ein Zahnrad in einem der größten Java-Projekte der Welt.

01.12.2009, 11:04
Frank Erfahrener Benutzer Registriert seit: 07.06.2008 Beiträge: 993 PHP-Kenntnisse: Fortgeschritten	In der Hoffnung das dieses Jahr die Sortierung klappt Vielen Dank an die Moderatoren für die Mühe. __________________

01.12.2009, 14:54
hoefti Administrator Registriert seit: 28.07.2007 Beiträge: 887	Hallo Frank, in guter Hoffnung zu sein kann viel erreichen und machmal sogar einem kleinen Erdenbürger bald das Leben schenken Ich bin begeistert von der Arbeit die sich die Moderatoren auch dieses Jahr wieder gemacht haben. Gruß hoefti

01.12.2009, 15:06
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	Ja, danke an euch sind sicherlich interessante und gut lesbare Themen. So wie dieses hier __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson) Geändert von PsychoEagle (02.12.2009 um 15:52 Uhr).

01.12.2009, 15:34
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	Wir lassen uns alle überraschen, was der Nikolaus uns noch bringt. Es war tatsächlich einige Arbeit, ihn dieses Jahr wieder herzuzerren. Aber lobt den Tag nicht vor dem Abend, wer weiß was noch alles kommt. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

01.12.2009, 16:57
PTC Erfahrener Benutzer Registriert seit: 27.10.2007 Beiträge: 1.708 PHP-Kenntnisse: Anfänger	Danke.

01.12.2009, 17:12
byFd Erfahrener Benutzer Registriert seit: 06.11.2008 Beiträge: 154	wow, da hab ich mich hier über ein jahr nicht eingeloggt... dachte heute nach, oh schon 1. Dezember, da gibts doch immer Adventskalender und musste an den letztjährigen denken. gleich überprüft ob es dieses jahr auch einen gibt. sehr gute arbeit, ich freu mich schon auf die weiteren tage. @PTC: vielen dank für die glückwunsche im letzten jahr