apercu-web

Modules complémentaitaires de développement Firefox

Fire­fox peut s’augmenter d’outils très utiles pour le déve­lop­pe­ment de pages HTML. Qu’il s’agisse d’outils d’analyse, de mesure ou de debo­gage, ils sont très nom­breux et d’intérêt variable. Petite sélection.

Mesure

Mea­su­rit

Capture d’écran 2013-11-18 à 15.55.40

Mea­su­reIt est un outil de mesure des élé­ments s’affichant dans le navigateur.

Ana­lyse

Grid­Fox

33578

Grid­Fox per­met d’afficher la grille struc­tu­rant la mise en page d’un site.

Awe­some Screen­shot Plus

Capture d’écran 2013-11-18 à 16.11.49

Cet addon per­met de réa­li­ser des cap­tures d’écrans (et de toute la page affi­chée, en dehors des limtes de la fenêtre du navi­ga­teur). Il auto­rise éga­le­ment l’annotation sur la cap­ture effectuée.

Fire­Si­zer

16655

Dès qu’il s’agit de faire des sites en res­pon­sive design, les indi­ca­tions de dimen­sions de fenêtre du navi­ga­teur deviennent pri­mor­diales. Fire­si­zer affiche ces dimen­sions dans la barre d’état (en bas à droite) du navigateur.

Web Deve­lopp­per

Capture d’écran 2013-11-18 à 16.22.24
Il est pos­sible d’être perdu dans l’écriture du code avec les divisions :

 <div> ... </div>

Web deve­lop­per per­met, parmi de nom­breuses fonc­tion­na­li­tés, d’afficher les boites cor­res­pon­dantes aux élé­ments HTML.
La liste n’est pas exhaus­tive. Vous pou­vez décou­vrir des sélec­tions sur inter­net en fai­sant une recheche : addon fire­fox. Ou sur le site dédié : http://addons.mozilla.org/

0