2011-04-15 3 views
2

Je travaille dans une application JavaScript intense. Donc, pour déboguer, je finis par utiliser de nombreuses alertes. Y a-t-il d'autres façons de déboguer? Quelles méthodes utilisez-vous?Comment déboguer les applications Javascript?

+2

Vous ne savez pas si cela correspond mieux à SO. – zzzzBov

+0

@zzzzBov a raison. Quand une question est dans le cadre de SO, il devrait être demandé là. Et la plus grande foule mènera à de meilleures réponses, généralement. –

Répondre

16

Pour JavaScript, le débogage est un sinch dans la plupart des navigateurs:

IE - Si vous vraiment besoin de débogage, F12 est la console. Vous pouvez appeler console.log, console.debug, console.error et quelques autres, et il imprimera de bonnes données. Lorsque vous appelez console.log sur un objet, les bonnes consoles impriment la décomposition des propriétés de l'objet. Il y a aussi un inspecteur dom actif pour que vous puissiez voir ce qui se passe pendant que le script fonctionne.

  • Firefox - Obtenez le Firebug addon. C'est ma console préférée de tous. Est-ce que tout ce que j'ai jamais rêvé de besoin, et quelques fonctionnalités supplémentaires.
  • Chrome - Console intégrée, inspectez l'élément sur la page pour voir la répartition du DOM live.
  • Opera - intégré dans la console
  • Safari - Ajouter Firebug Lite à la page, et vous aurez une version JS conduit de Firebug. Safari intègre des outils de développement similaires à Chrome, cependant they need to be enabled.

Pour tous les navigateurs, vous pouvez ajouter Firebug Lite, mais je ne l'utilise vraiment que pour IE et Safari.

+0

IE & Firefox + Firebug (je ne suis pas sûr des autres) vous permet également de déboguer votre Javascript (c'est-à-dire placer des points d'arrêt, parcourir le code). –

+0

Je n'ai jamais entendu parler de Firebug Lite auparavant, c'est très utile. – jhocking

0

La plupart des navigateurs modernes incluent une console, qui peut aider à afficher des erreurs de syntaxe et autres. Bien sûr, il y a Firebug.

0

Utilisez Firefox comme plate-forme de développement principale et ouvrez la console Web. Les messages d'erreur sont imprimés ici.

Chrome dispose également d'une console, mais il ne dispose pas de Firebug, un add-on Firefox utilisé pour le développement web. Alors que la console Web fournie avec Firefox affichera des erreurs dans Javascript, Firebug vous aidera également à inspecter le code HTML de votre page, et il y a même des extensions à Firebug comme Flashbug pour travailler avec les composants Flash sur votre page.

De toute évidence, vous aurez envie de vérifier vos applications Web dans tous les navigateurs, mais la plupart de votre développement dans Firefox.

+1

Je ne pense pas que «tout votre développement dans Firefox d'abord» est aussi vrai aujourd'hui qu'il y a quelques années. –

+0

@JohnIsaacks - D'accord, Chrome et Safari ont également les consoles requises. – Moshe

Questions connexes