Ce qui est un bon outil de débogage Javascript?
N'ai pas toucher javascript pour 3 ans. Viens de recevoir un projet javascript et je voulais savoir tout de nouveaux moyens ou d'outils émergé ces années de débogage du javascript?
J'ai utilisé de l'alerte il y a 3 ans.
Je suis en utilisant IE
- Est-il une raison pour laquelle vous êtes en utilisant uniquement un navigateur?
- Si vous travaillez sur un JS projet, je vous suggère de cesser d'utiliser IE. C'est mauvais de nombreuses façons. Suffit d'utiliser Firefox / Chrome / Safari, et de tester sous IE plus tard.
- Si vous enregistrez le débogage dans IE jusqu'à ce que vous avez écrit votre code, vous êtes plus que probable que vous allez perdre une quantité décente de temps de débogage et de réécriture. Ma pratique est de développer en Javascript à partir d'un point de vue de l'intégration continue. Chaque fois que vous apportez une modification majeure de votre code, vous devez le tester complètement, de sorte que vous pouvez résoudre les problèmes comme ils viennent, au lieu d'attendre le projet de loi.
- Je suis d'accord. C'est à dire est une douleur assez pour soutenir que vous voulez vraiment savoir quand les choses se briser en elle.
- Sérieusement, découvrez www.quirksmode.org vous avez une bonne compréhension de la croix problèmes de navigateur vous permet d'économiser le temps de débogage de la croix problèmes de navigateur en passant moins de temps à les créer.
Vous devez vous connecter pour publier un commentaire.
Utiliser le Firebug extension pour Firefox, ou intégré dans l'Inspecteur Web dans tous les navigateurs WebKit (Chrome ou Safari). Dans IE8, vous pouvez utiliser les Outils de développement.
Pour IE (que je ne conseille pas de l'utiliser), la version la plus récente (IE8) comprend outils de développement.
Pour Firefox, il y a une extension appelée Firebug qui a de manipulation du DOM, un JS console, et plus encore.
WebKit (utilisé dans Safari et Chrome) est doté d'un Inspecteur Web qui comprend un JS débogueur, avec un DOM contour et la manipulation des outils, et un JS console.
Vous vraiment besoin d'un crossbrowser toolkit. Voici la mienne:
EDIT:
IE 8 ajouté quelques outils de développement, mais je n'ai pas utilisé les dans une grande mesure.
EDIT:
Si vous n'avez pas fait de JS de développement, je vous recommandons de vous sauver beaucoup de temps de débogage du navigateur croix de questions en parcourant les tableaux de compatibilité sur Peter-Paul Koch excellent quirksmode site.
Je pense que Visual Studio /IE8 combo est excellent. Beats Firebug pour le débogage JavaScript, de l'OMI (et vous, bien sûr, l'utilisation d'un framework comme jQuery pour gérer crossbrowser questions).
Si vous avez besoin d'IE7 débogage, utilisez IE8 en mode de compatibilité avec les outils de développement.
Si vous utilisez Visual Studio, je très recommandons de débogage avec IE, en dépit de ce que disent les autres. Quand vous frappez un
debugger
déclaration sous IE, et vous avez le débogage est activé, vous obtiendrez un pop-up pour démarrer le débogage dans Visual Studio.Je n'aime pas Firebug plus, je ne sais pas où ça s'est mal passé, mais il est très peu fiable (en ignorant
debugger
consolidés) et ne peut pas vraiment en concurrence avec VS aussi loin que le débogage est concerné.Dreamweaver comme je l'écris et Firebug pour plus approfondie de débogage. alert()s sont très utiles aussi.
alert()
peut être remplacé parconsole.log()
😉 Et Dreamweaver doit être envoyé directement à l'enfer, de l'omi.Comme d'autres l'ont souligné, la plupart des outils de débogage javascript viennent dans le cadre d'un navigateur, car ils sont étroitement intégré avec le moteur Javascript lui-même. C'est probablement une bonne chose parce que vous souhaitez déboguer chaque navigateur séparément si vous exécutez dans un navigateur spécifique caprice.
Dans le Internet Explorer monde, vous avez deux options:
Firebug pour FireFox et Dynatrace AJAX pour IE http://ajax.dynatrace.com/pages/
Je me rends compte que je suis à répondre à une question que vous ne demandez pas, mais avez-vous essayé de jQuery? C'est une bibliothèque javascript qui fait abstraction de beaucoup de la manipulation du DOM trucs pour vous afin que vous n'avez pas à trop s'inquiéter de la croix-des problèmes de compatibilité navigateur. Il y a d'autres bibliothèques similaires là-bas, mais je crois que jQuery a la plus grande suite pour le moment. http://jquery.com/
J'utilise Firebug dans Firefox tous les jours. En plus de débogage Javascript (et, par extension, jQuery ou toute autre bibliothèque js), c'est un grand pour le débogage CSS.
les programmeurs d'utiliser printf (), les traces de débogage (blague).
Lorsqu'il n'est pas en mode debug, il suffit de faire de=false. Une performance minimale peine de
Aptana est une grande plate-forme de dev qui vous permet de déboguer à la fois FireFox et internet explorer.
- Je utiliser Le Débogueur Javascript plugin pour déboguer les erreurs qui ne sont pas faciles à trouver dans firebug. Vous pouvez définir des points d'arrêt et étape par zone de problème pour voir les valeurs de la variable, etc.. C'est un outil très utile.
J'utilise firebug la plupart du temps à la suite de firebug plugins.
FireRainbow, FireRainbow javascript permet la coloration syntaxique pour de Firebug. C'est vraiment cool. Permet d'économiser beaucoup de temps.
FirePHP,FirePHP vous permet de vous connecter à votre Console de Firebug à l'aide d'un simple PHP appel de méthode.
Widerbug, peuvent exploiter les écrans larges pour js/débogage de développement. Aujourd'hui obsolète car il est pris en charge dans Firebug 1.9 droit sorti de la boîte.
Je plaide pour l'utilisation de construire-dans le navigateur débogueur pour des raisons de performances. Firefox et Chrome sont assez bon.
Ils permettent de parcourir le DOM, montrer généré dynamiquement sources, montrent l'activité du réseau, le profil JS, etc.
Mais ne manquez pas
printf
-approche:et:
LIGNE PAR LIGNE DE DÉBOGAGE JAVASCRIPT
Pour obtenir suivantes caractéristiques essayez l'une de l'mentionnés ci-dessous deux méthodes.
Caractéristiques:
Méthode 1:
Méthode 2: