IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Tutoriel : Maîtriser l'indispensable extension Firebug pour Firefox
Par Eric Pommereau

Le , par eric.pommereau
21 commentaires

0PARTAGES

3  0 
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...

@+
Vous avez lu gratuitement 2 301 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.

Une erreur dans cette actualité ? Signalez-nous-la !

21 commentaires
Commenter Signaler un problème
desbutes
Avatar de desbutes
Futur Membre du Club https://www.developpez.com
Le 08/05/2012 à 19:20
Bonjour,
Apres avoir visionné differentes videos sur des tutoriels firebug, je suis tombé sur l'article de Eric, et je dois dire qu'il est de haute volée comparé aux vidéos vues
je ne jette pas la pierre aux personnes qui ont passée du temps à construire ces videos, mais les HEU!!!, les bafouillages et le manque de maitrise de Firebug, n'encouragent pas le beotien que je suis à se lancer dans Firebug.
Sauf que j'ai trouvé cet article et que je m'y refere constamment en faisant mes premiers pas dans l'extension.
Donc merci bcp
2  0 
Bovino
Avatar de Bovino
Rédacteur https://www.developpez.com
Le 28/05/2009 à 18:42
Excellent article !
Merci pour cette contribution qui servira sans doute de référence dans le domaine !
0  0 
franculo_caoulene
Avatar de franculo_caoulene
Membre émérite https://www.developpez.com
Le 29/05/2009 à 14:58
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
0  0 
nicorama
Avatar de nicorama
En attente de confirmation mail https://www.developpez.com
Le 02/06/2009 à 8:15
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.
0  0 
eric.pommereau
Avatar de eric.pommereau
Membre chevronné https://www.developpez.com
Le 02/06/2009 à 22:04
Citation Envoyé par franculo_caoulene Voir le message
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.

@+
0  0 
franculo_caoulene
Avatar de franculo_caoulene
Membre émérite https://www.developpez.com
Le 03/06/2009 à 12:58
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.
0  0 
eric.pommereau
Avatar de eric.pommereau
Membre chevronné https://www.developpez.com
Le 06/10/2009 à 18:20
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
0  0 
eric.pommereau
Avatar de eric.pommereau
Membre chevronné https://www.developpez.com
Le 06/10/2009 à 18:31
Ah oui et j'ai oublié de mettre le lien de nicorama, une vidéo sur l'utilisation de Firebug... c'est chose faite.
0  0 
nicorama
Avatar de nicorama
En attente de confirmation mail https://www.developpez.com
Le 08/10/2009 à 11:17
Citation Envoyé par eric190 Voir le message
Ah oui et j'ai oublié de mettre le lien de nicorama, une vidéo sur l'utilisation de Firebug... c'est chose faite.
Thanx
0  0 
eric.pommereau
Avatar de eric.pommereau
Membre chevronné https://www.developpez.com
Le 23/11/2009 à 21:50
Bonjour à tous,

Suite à la sortie de la version 1.4.5 de Firebug (début novembre), voici une petite synthése des évolutions ... http://blog.developpez.com/eric-pommereau/p8391/web/firebug/firebug-sortie-de-la-version/

@+
0  0 
Commenter Signaler un problème