Discussion :

[eric.pommereau]

Bonjour,

Je vous invite à découvrir le nouvel article : Maîtriser Firebug, l'indispensable extension Firefox pour le développement web.
Vous y trouverez une présentation des principales fonctionnalités et des explications sur la manière d'utiliser Firebug. J'espère que vous y trouverez votre bonheur.

N'hésitez surtout pas à remonter dans ce fil de discussion vos commentaires, impressions, remarques...

@+

[Bovino]

Excellent article !
Merci pour cette contribution qui servira sans doute de référence dans le domaine !

[franculo_caoulene]

Très bon article, j'ai découvert le point d'arrêt conditionnel et redécouvert le profiler.

Il manque juste quelques détails sur la partie réseau :
gris foncé = chargement ne provenant pas du cache
gris clair = chargement provenant du cache
marron? = file d'attente des éléments à charger
ligne bleue = symbolise l'évènement propre au moteur Gecko DOMContentLoaded qui est lancé lorsque le document a fini de se charger, sans prendre en compte le chargement des images
ligne rouge = chargement de tous les élément du document

[nicorama]

Bonjour,
J'avais également fait une vidéo de démonstration, que l'on peut mettre en lien dans l'article :
http://www.dailymotion.com/robusta-w...0_firebug_tech

Cependant, de mémoire, je ne crois pas que je parlais du debugger javascript.

[eric.pommereau]

Très bon article, j'ai découvert le point d'arrêt conditionnel et redécouvert le profiler.

Il manque juste quelques détails sur la partie réseau :
gris foncé = chargement ne provenant pas du cache
gris clair = chargement provenant du cache
marron? = file d'attente des éléments à charger
ligne bleue = symbolise l'évènement propre au moteur Gecko DOMContentLoaded qui est lancé lorsque le document a fini de se charger, sans prendre en compte le chargement des images
ligne rouge = chargement de tous les élément du document

Bonjour,

Je tiens compte de ta remarque pour la prochaine modif.

@+

[franculo_caoulene]

Petite précision encore, des temps sont affichés dans l'infobulle:
gris = temps de chargement
marron? = temps passé dans la file d'attente
ligne bleue = délai entre le début du chargement ou de la mise en file d'attente de l'élément et le chargement de la structure du document.
ligne rouge = idem mais par rapport au chargement complet du document (éléments compris).

Les délais peuvent être négatifs ou positifs :
+ : le chargement de l'élément intervient avant celui du document.
- : le chargement de l'élément intervient après celui du document.

Le délai indiqué à coté de la ligne rouge sera donc toujours positif.
Le temps total de chargement d'un élément = temps de mise en file d'attente + temps de chargement.

[eric.pommereau]

Petite mise à jour comprenant quelques corrections orthographiques et un ajout (nature des évènements lors du téléchargement d'une ressource : http://eric-pommereau.developpez.com...irebug/#LV-A-2).

Je souhaite aussi vous informer régulièrement des évolutions de firebug (à ce jour version 1.4.2) sur le blog (developpez.com) que je viens d'ouvrir, billet à venir prochainement sur le sujet.

Comme je l'ai déjà dit, n'hésitez pas à me faire part de vos remarques sur ce fil de discussion.

@+

Eric