Ci-joint une application xulrunner toute bête qui montre comment ajouter les éléments XUL, HTML ou SVG dans une fenêtre XUL. Il y a aussi un exemple de mapping RSS tout simple :

fakeapp.zip.cutme¹⁴

Ca pourra vous servir de Sandbox pour le tuto XUL.

Le run.bat dans le zip lance Firefox en mode -app de manière à ce qu'il fonctionne en mode XULRunner.

Sinon vous pouvez télécharger le runtime ici :

http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.2/runtimes/¹⁵

Guide d'utilisation XULRunner :

http://blogs.acceleration.net/ryan/archive/2005/05/06/1073.aspx¹⁶

Configurer Mozilla pour développer :

Référence DOM Gecko :

https://developer.mozilla.org/en/Gecko_DOM_Reference¹⁹

Pour apprendre le langage :

Le tutoriel : https://developer.mozilla.org/fr/Tutoriel_XUL²⁰
La page d'accueil du wiki MDC : https://developer.mozilla.org/fr/XUL²¹
Exemples de composants : https://developer.mozilla.org/en/XUL_controls²²
La référence complète des éléments XUL : https://developer.mozilla.org/en/XUL_Reference²³

Skinner son extension avec CSS :

Les propriétés CSS implémentées dans Firefox : https://developer.mozilla.org/en/CSS_Reference²⁴
Quelques extensions CSS pour skinner les composants XUL : https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions²⁵

Les extensions :

Getting Started : https://addons.mozilla.org/fr/developers/docs/getting-started²⁶
Créateur de module : https://addons.mozilla.org/fr/developers/tools/builder²⁷
Firefox Addons Developper Guide : https://developer.mozilla.org/en/Firefox_addons_developer_guide²⁸
Page MDC sur les extensions : https://developer.mozilla.org/en/Extensions²⁹

Bien comprendre les overlays :

https://developer.mozilla.org/fr/Overlays_XUL³⁰

Table périodique des éléments XUL :

Un exemple assez complet de tout ce qu'on peut faire en XUL : http://www.hevanet.com/acorbin/xul/top.xul³¹

Pour aller plus loin :

Binding RDF/XML/SQL

Le Template Guide pour lier les composants XUL à des datasources RDF/XML/SQL : https://developer.mozilla.org/en/XUL/Template_Guide³²

Les outils :

Plugin Eclipse pour le développement XUL : http://cms.xulbooster.org/³³ (nécessite l'installation WTP avant)
Extension Developper : https://addons.mozilla.org/fr/firefox/addon/7434?src=api³⁴
DOM Inspector : https://addons.mozilla.org/fr/firefox/addon/6622³⁵ (Attention il semble souffrir de gros bugs sous windows depuis Firefox 3.6)
Firebug ou LiveHTTPHeaders pour voir les requêtes HTTP
Vous pouvez aussi utiliser TopStyle Lite (http://topstyle.softonic.fr/³⁶) pour éditer les CSS, il inclue certaines des extensions CSS spécifiques Mozilla.

Notes après cours de Nicolas

Pour tester le tp1helloword, on peut aussi télécharger xulrunner et le lancer :

Installer dans program files, setter le path
xulrunner -console -jsconsole application.ini en étant dans le rep de l'appli

Notes de bas de page

¹ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Introduction
² http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Les_bases_.3a
³ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Configurer_Mozilla_pour_d.c3.a9velopper_.3a
⁴ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#R.c3.a9f.c3.a9rence_DOM_Gecko_.3a
⁵ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Pour_apprendre_le_langage_.3a
⁶ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Skinner_son_extension_avec_CSS_.3a
⁷ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Les_extensions_.3a
⁸ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Bien_comprendre_les_overlays_.3a
⁹ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Table_p.c3.a9riodique_des_.c3.a9l.c3.a9ments_XUL_.3a
¹⁰ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Pour_aller_plus_loin_.3a
¹¹ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Binding_RDF.2fXML.2fSQL
¹² http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Les_outils_.3a
¹³ http://miageprojet2.unice.fr/Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_%3a_Developpement_d'application_XUL/Pour_d%c3%a9velopper_des_extensions_firefox_%3a_ressources#Notes_apr.c3.a8s_cours_de_Nicolas
¹⁴ http://miageprojet2.unice.fr/@api/deki/files/763/=fakeapp.zip.cutme
¹⁵ http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.2/runtimes/
¹⁶ http://blogs.acceleration.net/ryan/archive/2005/05/06/1073.aspx
¹⁷ http://xulfr.org/wiki/ConfigurerMozillaPourDevelopper
¹⁸ https://developer.mozilla.org/en/Setting_up_extension_development_environment
¹⁹ https://developer.mozilla.org/en/Gecko_DOM_Reference
²⁰ https://developer.mozilla.org/fr/Tutoriel_XUL
²¹ https://developer.mozilla.org/fr/XUL
²² https://developer.mozilla.org/en/XUL_controls
²³ https://developer.mozilla.org/en/XUL_Reference
²⁴ https://developer.mozilla.org/en/CSS_Reference
²⁵ https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions
²⁶ https://addons.mozilla.org/fr/developers/docs/getting-started
²⁷ https://addons.mozilla.org/fr/developers/tools/builder
²⁸ https://developer.mozilla.org/en/Firefox_addons_developer_guide
²⁹ https://developer.mozilla.org/en/Extensions
³⁰ https://developer.mozilla.org/fr/Overlays_XUL
³¹ http://www.hevanet.com/acorbin/xul/top.xul
³² https://developer.mozilla.org/en/XUL/Template_Guide
³³ http://cms.xulbooster.org/
³⁴ https://addons.mozilla.org/fr/firefox/addon/7434?src=api
³⁵ https://addons.mozilla.org/fr/firefox/addon/6622
³⁶ http://topstyle.softonic.fr/

Pour développer des extensions firefox : ressources

De $1

Table des matières

Introduction

Les bases :