[Logiciel] Outils pour développeurs dans Firefox
Écrit par Bertrand | 25-08-2005
Index de l'article
[Logiciel] Outils pour développeurs dans Firefox
Page 2

Au contraire d'Internet Explorer, Firefox a cet avantage qu'une multitude de petits outils peuvent venir s'y greffer pour améliorer le confort des utilisateurs. Ce sont des extensions créés par des développeurs indépendants, qui mettent leur création à la disposition de la communauté.
Elles sont très nombreuses et se regroupent au sein de diverses catégories : blog, images, édition, développement, etc.

Certaines de ces extensions sont plus spécialement destinées à un public de développeurs/concepteurs web.
En voici quelques unes dont je me sers régulièrement (je n'ai pas indiqué les numéros de version, ceux-ci changeant assez souvent pour être en phase avec les nouvelles versions de Firefox) :

La plupart de ces extensions sont accessibles par un simple clic droit dans une page.

Checky

Checky permet de faire un nombre impressionnant de validations de documents auprès de divers sites de validation : HTML, XHTML, CSS, RDF, RSS, XML, WAI, Section 508, P3P, liens, métadonnées. moteurs de recherche, etc.

.

MeasureIt

Comme son nom l'indique, MeasureIt permet de mesurer n'importe quel objet, ou section d'une page ou tout ce qu'on veut.
Quand MeasureIt est installé, il apparait sous forme de bouton en bas à gauche dans la barre d'état du navigateur. Il suffit de le cliquer et de détourer dans la page la zone souhaitée.Pour le désactiver, on clique à nouveau sur le bouton.

 

ColorZilla

Une fois installé, ColorZilla est accessible via le menu contextuel ou par un bouton dans la barre d'état de Firefox.

Son but premier est de permettre d'aller sélectionner une couleur n'importe où dans une page web, grâce au Color Picker . On clique sur le bouton de la barre d'état, on choisit la couleur voulue. ColorZilla affiche les valeurs RGB, la valeur hexadécimale, et même sur quelle balise vous êtes situé (ici la balise <img>).

ColorZilla utilise aussi l'inspecteur de DOM (Document Object Model) de Firefox, mais lui rajoute de très nombreuses options (voir les CSS attachées à chaque bloc, les méthodes et propriétés Javascript disponibles pour tel ou tel élément du DOM, etc), et on peut littéralement décortiquer n'importe quel document.

Et n'oublions pas aussi une option Zoom, allant jusquà un facteur de 1000. Très pratique si on a du mal par exemple à sélectionner une couleur.


 
Dernière mise à jour : 12-09-2006