Outils débuggage

Bonjour tout le monde,

J'aurais aimé connaître vos méthodes pour débugger un javascript (jQuery) de manière efficace ?

En général je met des alert dans le code mais je pense pas que ce soit la manière pratique.. ^^
Depuis peu j'essaye de m'aider du "firebug" de Chrome, avec les onglets Scripts et Timeline : mais j'avoue que cela ne m'aide pas + que ça, j'y arrive encore mieux avec des alert..

Un expert javascript pourrait il me partager sa méthode ou plutôt me donner quelques conseils (genre placer des alert partout = pas bien ou bien )

Merci d'avance j'espère m'être fait comprendre.

Mieux que les alert(), les console.log() ^^

C'est une fonction de log dans la console (non...? pas possible ? O_o)
Donc qui fonctionne de pair avec la console de Firebug ou de l'outil de développement de Webkit.

Le gros avantage c'est que ça fonctionne comme un var_dump() en PHP, à savoir que tu peux afficher plusieurs variables séparées par des virgules, et que les objets peuvent être "dépliés" pour analyser les différentes valeurs des propriétés. Ce qui est extrêmement plus pratique en comparaison de alret() qui ne t'affichera que "[Object object]"

À noter que cette fonction se décline en console.log(), console.info(), console.error() et console.warn() pour défférencer leur style dans la console.

http://getfirebug.com/logging

Et bien voilà "l'astuce qui tue"

Merci beaucoup, c'est clairement plus pratique

Ça va m'aider à vie ^_^

Firebug, Web Inspector (ce que tu appelles «le "firebug" de Chrome»), Opera Dragonfly, etc. permettent de créer des break-points dans ton code JS pour stopper l'exécution à un moment donné et inspecter l'état des variables, par exemple. Il y a d'autres fonctionnalités avancées.

La marche à suivre c'est fort logiquement de choisir ton outil de prédilection, et de te former à son utilisation (documentation, tutoriels qui vont bien, vidéos de démo).

Merci pour ce complément d'information Florent