Firefox comme outil de développement

La programmation Ajax et JavaScript est rendue plus ardue par le silence du navigateur qui n'indique rien des actions, du contenu des échanges et des raisons des erreurs. Cependant quelques extensions de Firefox font de celui-ci l'interface de developement qui manque à Ajax.
Une précaution lorsqu'on a installé ces extensions et qu'on les utilise de façon régulière, vérifier leur compatibilité avant d'installer une nouvelle version de Firefox qui pourrait les rendre inopérantes.

Extensions pour developpeurs web

Firebug
Permet d'éditer, déboguer le code HTML, CSS et JavaScript. Particulièrement utile pour Ajax en affichant le détail des résultats de chaque interaction avec le serveur. Une fenêtre s'ouvre en bas de la page Web à déboguer où la nature des erreurs JavaScript et la ligne où elles se produisent sont indiquées.
Web Developer
Cette extension ajoute un menu à Firefox. Les nouvelles commandes permettent d'afficher le code CSS et de l'éditer. Eventuellement on peut désactiver le style d'une page pour en avoir un aperçu telle que la voient les moteurs de recherche.
Page Speed
Par Google et fonctionnant avec Firebug, elle analyse les performances d'une page Web. L'extension ajoute l'onglet Page Speed dans le panel de Firebug.
Browser Turns Editor
Permet d'éditer n'importe quelle page web en mode WYSIWYG. Une barre d'outil apparaît au dessus de la page pour fournir des options d'éditions.
Pencil
Editeur de diagrammes.

Les extensions utiles aux webmasters

D'un intérêt plus large, mais peuvent compléter néanmoins les outils des webmasters.

SEO Quake
Affiche plusieurs indicateurs sur l'importance du site que l'on visite.
Answers
Relié au site AnswersTips, quand on clique sur un mot et que l'on appuie sur maj ou control, affiche une définition dans une bulle.

Comment faire une extension Firefox?

Quelques tutoriels et outils...

Developer. Plus d'informations sur les extensions.
Extension dev. Une extension pour faire des extensions.

Voir aussi

2007-2012 Xul.fr