Présentation de quelques extensions Firefox.

Les développeurs web utilisent généralement plusieurs navigateurs, notamment pour tester leurs créations. Chacun finit cependant par montrer une préférence à l'un des navigateurs au détriment des autres, pour des raisons subjectives parfois très personnelles. L'élu devient alors navigateur principal, il apporte à son utilisateur, par la force de l'habitude, une impression de confort ou d'optimisation de sa productivité. Nous avons choisi Firefox dans ce rôle, notamment pour l'étendue des fonctionnalités disponibles avec le mécanismes des extensions.

Aujourd'hui plus de 1000 extensions sont répertoriées par la fondation Mozilla. Cette richesse a un coté repoussant par le foisonnement, la redondance de certaines fonctionnalité ou l'aspect gadget de bon nombre d'extensions. La liste entretenue par Mozilla n'a d'intérêt opérationnel que dans le cas de la recherche d'une fonctionnalité bien précise. Par ailleurs l'intérêt que porte un utilisateur à telle ou telle extension dépend directement de son activité. Et finalement, les extensions que nous utilisons ont été découvertes le plus souvent suite à une présentation ou un conseil judicieusement transmis par un utilisateur qui nous était proche. Du marketing viral en quelque sorte. Dans cet esprit, voici donc les extensions que nous utilisons régulièrement.

Vous trouverez également cette autre page pour régler certains menus problèmes de mise à jour d'extensions Firefox.

Inspecteur Dom

Page web : http://www.mozilla.org/projects/inspector/

L'inspecteur Dom (DOM Inspector en anglais) est disponible à l'installation de Firefox pour peu que l'on choisisse lors de cette installation d'inclure les outils de développement. C'est un utilitaire indispensable lorsque l'on réalise des pages en CSS. Il permet d'examiner l'arborescence de la structure XHTML, visualise pour chaque élément sa position dans la page et ses nombreuses caractéristiques CSS (propriétés explicites ou calculées).

Web Developer

Page web : http://chrispederick.com/work/webdeveloper/

Autre outil indispensable du développeur de pages web en CSS, cette extension offre une multitude de fonctionnalités :

possibilité de désactiver sélectivement les styles
édition des styles et rendu correspondant immédiat
édition de la structure XHTML et rendu correspondant immédiat
visualisation d'éléments dans la page selon des critères variés
règle de mesure...

Live HTTP Headers

Page web : http://livehttpheaders.mozdev.org/

Permet de suivre l'intégralité des requêtes http faites par le navigateur, les réponses du serveur. Donne le contenu de l'ensemble des entêtes HTTP pour chaque requête. Bien pratique pour les petits réglages à réaliser coté serveur.

Colorzilla

Page web : http://www.iosart.com/firefox/colorzilla/

Met à disposition une pipette capable de fournir la couleur d'une zone quelconque de la page tout en indiquant l'arborescence XHTML portant cette couleur.

LinkChecker

Page web : http://www.kevinfreitas.net/extensions/linkchecker/

Cette extension implémente un mini crawler qui navigue sur l'ensemble des pages pointées par les liens de la page en cours. L'outil colorie chaque lien de la page d'une couleur caractéristique du résultat du test. En particulier, les liens rompus apparaissent en rouge.

User agent switcher

Page web : http://chrispederick.com/work/useragentswitcher/

Permet de modifier à volonté, lors d'une navigation, l'entête HTTP définissant le navigateur. Ainsi il est possible de se faire passer pour un client différent. C'est utile dans les cas (rares il est vrai) où un webmaster réalise sur son site web une ségrégation en fonction du navigateur. En particulier il devient possible de constater des cas de cloaking (technique de spamdexing visant à fournir un contenu aux robots des crawlers de moteur de recherche différent de celui transmis aux internautes).

Google Pagerank

Page web : http://www.tapouillo.com/firefox_extension/

Comme son nom l'indique, fournit le PageRank Google de la page en cours.

Toolbar Enhancements

Page web : http://clav.mozdev.org/#tbx

Autorise l'enrichissement des barres d'outils de raccourcis pour l'accès rapide à de nombreuses fonctionnalités. Voici celles que nous utilisons fréquemment :