Vous n'êtes pas connecté. Connexion
|
|
TP5 : extensions firefox, les basesDe $1IntroductionDans ce TP vous allez faire vos premières armes avec le développement d'extensions firefox. Principales ressources pour développer des extensions Firefox : Pour développer des extensions firefox : ressources Avant de commencer à développer une extension proprement dite, nous allons créer ce que l'on appelle une "application XulRunner. Fireefox peut être en effet exécuté dans un mode spécial, un peu comme une JVM, pour exécuter des applications stand alone utilisant exactement les mêmes technologies que les extensions. Il est même possible de télécharger un binaire exécutable de XulRunner, au lieu d'utiliser Firefox. Une première application XulRunner
Une fois l'archive récupérée, vous pouvez l'exécuter en lançant la commande : content tp1helloworld file:content/ skin tp1helloworld global file:skin/global/ skin tp1helloworld neofuture file:skin/neofuture/ locale tp1helloworld fr-FR file:locale/fr-FR/ locale tp1helloworld en-EN file:locale/en-EN/
<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="main" title="hello world" width="300" height="300" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <caption label = "hello world !!" /> </window>
Vous pouvez également aller consulter la table périodique des éléments XUL : http://www.hevanet.com/acorbin/xul/top.xul L'élément <caption> est un champs de texte qui est compris dans la fenêtre (il est inclu dedans). Son label fait référence à une des clés figurant dans les fichiers de localisation. Création d'un environnement pour développer des extensionsPour développer des extensions firefox il est pratique d'avoir un profil firefox spécial pour le développement et un autre profil "classique". Dans le profil pour le développement vous activerez certaines options de debug javascript, pour la console, etc, vous installerez une extension spéciale pour les développeurs, et vous pourrez aisément tester vos extensions sans avoir besoin de les packager. Création d'un nouveau profil développeur
user_pref("nglayout.debug.disable_xul_cache", true); // désactive le cache XUL user_pref("nglayout.debug.disable_xul_fastload", true); // lié au précédent, facultatif user_pref("javascript.options.strict", true); // active l'affichage de toutes les erreurs d'exécutions user_pref("javascript.options.showInConsole", true); // active l'affichage de toutes les erreurs de syntaxe user_pref("browser.dom.window.dump.enabled", true); // active le dump sur la console Installation d'une extension pour l'aide au développement dans le profil developpeurNous vous recommandons d'installer les extensions suivantes :
|
Powered by MindTouch Deki Open Source Edition v.8.08 |