Accéder au contenu principal

Firebug, extension Firefox pour le développement web

Outil bien connu des webmasters, Firebug est une extension pour Firefox incontournable pour tous les développeurs web. L'extension propose plusieurs outils d'aide au développement :
  • Inspection du code HTML : parcours du DOM, identification rapide de tous les éléments d'une page, édition du code et visualisation instantanée des modifications
  • Inspection des styles CSS : affichage des styles appliqués aux éléments de la page, édition en live du
  • Debug Javascript : console d'erreurs améliorée, possibilité d'interrompre l'exécution du code (breakpoints)
  • Traçage de l'activité réseau : examen complet du chargement des pages, avec visualisation chronométrique du chargement de tous les éléments de la page, et des échanges HTTP associés.

L'onglet réseau de Firebug appliqué au chargement de yahoo.fr

Commentaires

Posts les plus consultés de ce blog

Les outils d'analyse de requêtes HTTP

L'analyse des échanges HTTP entre navigateur et serveur web est un bon moyen de détection des opérations les plus consommatrices en temps, soit celles qui impactent le plus le temps de chargement global d'une page.
Tour d'horizon des outils gratuits existants :
Outils en ligneD'une utilisation simple et rapide, ces outils proposent une vision synthétique des échanges à travers une chronologie précise des opérations, ainsi que le détail des requêtes et réponses HTTP. Toutefois, ils ne proposent généralement pas les mêmes options qu'un navigateur, notamment en terme de gestion de cache.
site-perf.comPingdom tools
L'analyse de ce blog par Pingdom tools
Plugins navigateurs
Ces outils s'intègrent à votre navigateur, ce qui vous permet de simuler exactement les situations de configurations de vos visiteurs.
FirefoxLe compagnon idéal est l'extension livehttpheaders, outil de capture des requêtes et réponses HTTP
Firebug propose également une analyse complète, avec une…

Tester son site sous les versions d'Internet Explorer 6, 7, 8

Si la mort prochaine de la version 6 d'Internet Explorer est annoncé un peu partout ces derniers temps, il n'empêche que l'univers des navigateurs (et particulièrement celui d'IE) avance bien plus lentement que ne naissent les normes et se développent les technologies.

Assurer la compatibilité de ses sites web avec les différentes versions d'Internet Explorer demeure un casse-tête, et chacun sait qu'il est maintenant quasiment impossible de faire coexister plusieurs versions d'IE sur son PC.