Quelles sont les bonnes techniques de débogage de javascript?

Question

Donc j'utilise JavaScript assez régulièrement et je me demandais s'il y avait de bons trucs ou astuces dans le débogage de javascript .... Comme par exemple j'en ai un bon que j'utilise assez régulièrement.

Dans mon code, je ferais quelque chose comme ça

window.p = $(this); 

et dans la console que je peux faire mon filtrage comme celui-ci

window.p.next("li").find("a").val(); 

ou tout ce que je dois faire ... mais cela fait il est facile de déboguer un endroit spécifique dans le code et je sais qu'il y a eu beaucoup de trucs et astuces là-bas .... merci d'avance

Aussi j'ai regardé ce question son utile je cherchais plus pour des techniques comme mon ci-dessus ...

Answer 1

Habituellement, je définis un point d'arrêt et je regarde les Variables d'étendue, ou j'ajoute mes propres expressions de surveillance ou je survole les variables et je parcours simplement le code.

Parfois, je trouve utile de simplement enregistrer des choses en utilisant console.log().

D'autres fois, quand les choses fonctionnent, mais ils sont trop lents et que j'utilise console.profile()console.profileEnd()

Une astuce utile est l'utilisation de $0. Si vous avez un élément sélectionné dans le panneau HTML, vous pouvez le référencer dans la console à $ 0.

Toutes les techniques ci-dessus fonctionnent dans les navigateurs Firefox + Firebug et Webkit (tels que Chrome & Safari). Dernièrement, je préfère Chrome, car il me permet d'éditer en ligne de code (vérifier tutorial by Paul Irish)

Pour obtenir une aide supplémentaire de débogage pour jQuery J'utilise FireQuery

Answer 2

Jetez un oeil à jQuery Lint tout d'abord http://james.padolsey.com/javascript/jquery-lint/. Cela vous aidera à déboguer jQuery lorsque vous l'utiliserez. Lint aide à signaler les erreurs trouvées dans jQuery qui ne sont généralement pas évidentes dans Firebug ou Developer Tools. Vous trouverez les exemples d'utilisation sur le site mentionné.

Jetez également un oeil à cette page http://getfirebug.com/logging et commencer à utiliser l'objet console pour enregistrer et déboguer votre code. Vous pouvez l'utiliser à la fois dans Firefox avec Firebug et Webkit (Chrome, Safari ...) dans Developer Tools.