web-dev-qa-db-fra.com

Déboguer JavaScript dans Eclipse

Comment puis-je déboguer JavaScript dans Eclipse. J'utilise Eclipse 3.2.1. Chaque fois que je clique sur le côté, cela donne la possibilité d'ajouter un signet mais pas de point d'arrêt.

Quelqu'un pourrait-il m'aider à ce sujet?

46
sreeprasad

En 2015, il y a au moins six choix pour le débogage JavaScript dans Eclipse:

Pour ajouter à ce qui précède, voici quelques vidéos qui se concentrent sur le "débogage de JavaScript à l'aide d'Eclipse"

Dépassé

30
koppor

Je ne crois pas qu'Eclipse dispose d'un débogueur JavaScript - ces points d'arrêt sont pour Java (je suppose que vous éditez un fichier JSP?)

Utilisez Firebug pour déboguer le code Javascript, c'est un excellent module complémentaire que tous les développeurs Web devraient avoir dans leur boîte à outils.

10
matt b

Je ne suis pas sûr à 100% mais je pense que Aptana laissez-vous faire.

9
Luke

J'ai essayé de faire fonctionner aptana sur mon ubuntu 10.4. Malheureusement, je n'ai pas réussi. Chrome d'autre part, a un plugin Eclipse qui vous permet de déboguer le javascript qui s'exécute dans une instance chrome. Fonctionne très bien. Vous devrez installer le plugin Eclipse que vous trouverez ici:

http://code.google.com/p/chromedevtools/

Définissez des points d'arrêt dans les sources javascript que vous modifiez dans Eclipse et parcourez votre page en chrome. Dès qu'un point d'arrêt javascript est atteint, le débogueur Eclipse s'arrête et vous permet d'entrer, de parcourir, de parcourir les variables, etc. Très bien!

5
adietisheim

JavaScript est exécuté dans le navigateur, qui est assez éloigné d'Eclipse. Eclipse devrait en quelque sorte se connecter au moteur JavaScript du navigateur pour le déboguer. Il n'y a donc pas de débogage intégré de JavaScript via Eclipse, car JS n'est pas vraiment son objectif principal de toute façon.

Cependant, il existe des plug-ins que vous pouvez installer pour effectuer le débogage JavaScript. Je crois que le principal est le AJAX Toolkit Framework (ATF) . Il intègre un navigateur Mozilla dans Eclipse afin de faire son débogage, il ne sera donc pas en mesure de gérer les complications inter-navigateurs qui surviennent généralement lors de l'écriture de JavaScript, mais cela aidera certainement.

4
Daniel Lew

Utilisez les outils de débogage pris en charge par le navigateur. Comme mentionné ci-dessus Firebug pour Firefox Chrome Outils de développement de Chrome IE Developer for IE.

De cette façon, vous pouvez détecter les problèmes inter-navigateurs. Pour aider à réduire les problèmes entre les navigateurs, utilisez un framework javascript, c'est-à-dire jQuery, YUI, moo tools, etc.

Ci-dessous, une capture d'écran (javascript-debug.png) de ce à quoi ressemble Lime dans Firebug.
1) appuyez sur 'F12'
2) cliquez sur l'onglet 'Script' et 'activez-le' (si vous êtes déjà sur votre page - appuyez sur 'F5' pour le recharger)
3) à côté de la liste déroulante "Tous", il y aura une autre liste déroulante à droite. Sélectionnez votre fichier javascript dans cette liste déroulante.
Dans la capture d'écran, j'ai défini un point d'arrêt à la ligne 42 par "clic gauche de la souris". Cela vous permettra de casser, d'inspecter, de regarder, etc.

enter image description here

4
CKuharski

Il est possible de déboguer JavaScript en définissant des points d'arrêt dans Eclipse à l'aide de AJAX Tools Framework .

3
appas

MyEclipse (basé sur Eclipse, abonnement requis) et Webclipse (un plug-in Eclipse, actuellement gratuit), de ma société, Genuitec, ont récemment conçu (à partir de 2015) - débogage JavaScript intégré:

enter image description here

Vous pouvez déboguer des applications Web génériques et des fichiers Node.js.

2
Tony Weddle

Pour Node.js, il y a Nodeclipse 0.2 avec quelques corrections de bugs pour chromedevtools

1
Paul Verest