2009-03-04 26 views
42

Cómo puedo depurar JavaScript en Eclipse. Estoy usando Eclipse 3.2.1. Cada vez que hago clic en el lado da la opción de agregar marcador, pero no hay punto de interrupción.Depurar JavaScript en Eclipse

¿Alguien podría ayudarme en esto?

Respuesta

10

no creo que Eclipse tiene un depurador de JavaScript - los puntos de ruptura son de código Java (supongo que se está editando un archivo JSP?)

Uso Firebug para depurar código Javascript, que es una excelente Agregar- en eso todos los desarrolladores web deberían tener en su caja de herramientas.

+1

Estoy de acuerdo con la excelencia de Firebug, pero tiene sus limitaciones. P.ej. la página en la que estoy trabajando tiene> 200 archivos JS, y es extremadamente tonto y molesto que no pueda persistir puntos de interrupción en mis sesiones de Firefox. Además de eso, realmente me falta la funcionalidad avanzada de Eclipse (deshabilitar puntos de interrupción, puntos de interrupción condicionales, ...) –

+0

¡Excelente respuesta con Firebug! –

+0

Asunto: "Use Firebug para depurar código JavaScript, es un complemento excelente que todos los desarrolladores web deberían tener en su caja de herramientas". - Esto funciona si está depurando el código que se escribió para ejecutarse en el navegador, pero no ayuda si está ejecutando JS en el lado del servidor, (es decir) con el motor de Rhino en Java. –

4

JavaScript se ejecuta en el navegador, que está bastante alejado de Eclipse. Eclipse tendría que enganchar de alguna manera en el motor de JavaScript del navegador para depurarlo. Por lo tanto, no existe una depuración incorporada de JavaScript a través de Eclipse, ya que JS no es realmente su foco principal de todos modos.

Sin embargo, hay complementos que puede instalar para depurar JavaScript. Creo que el principal es el AJAX Toolkit Framework (ATF). Incorpora un navegador Mozilla en Eclipse para realizar su depuración, por lo que no podrá manejar las complicaciones entre navegadores que suelen surgir al escribir JavaScript, pero sin duda ayudará.

9

No estoy 100% seguro, pero creo que Aptana vamos a hacer eso.

+1

Voy a tener que probar con Aptana alguna vez, sigo oyendo cosas buenas sobre esto, y esto simplemente se agrega a la lista. –

+1

+1. Aptana te permitirá depurar JavaScript tanto en Firefox como (si pagas la versión pro) IE. –

5

Intenté ejecutar aptana en mi Ubuntu 10.4. Lamentablemente no tuve éxito. Chrome, por otro lado, tiene un complemento de eclipse que le permite depurar javascript que se ejecuta en una instancia de Chrome. Funciona muy bien que tendrá que instalar el plugin de Eclipse que encontrará aquí:

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

establecer puntos de interrupción en las fuentes de JavaScript se edita en Eclipse y el navegador de su página en cromo. Tan pronto como se golpea un punto de interrupción de javascript, el depurador de eclipse se detiene y te permite entrar, pasar, examinar las variables, etc. ¡Muy bien!

+0

Probablemente haya instalado OpenJDK con su instalación de Ubuntu. OpenJDK no es compatible. –

+1

Gracias por el consejo. Necesito un navegador basado en webkit para probarlo, así que Chrome lo es y siempre preferí Eclipse IDE sobre los demás. No es liviano, pero es intuitivo y altamente personalizable. – Mike6679

3

Utilice las herramientas de depuración compatibles con el navegador. Como se mencionó anteriormente Firebug para Firefox Herramientas para desarrolladores de Chrome de Chrome Desarrollador de IE para IE.

De esta manera puede detectar problemas entre navegadores. Para ayudar a reducir los problemas entre navegadores, use un marco javascript ie jQuery, YUI, herramientas moo, etc.

A continuación se muestra una captura de pantalla (javascript-debug.png) de lo que parece lima en Firebug.
1) de favoritos F12 '
2) haga clic en la pestaña 'script' y 'permitirle'(si ya se encuentra en su página - pulse 'F5' para volver a la carga)
3) junto al 'Todo 'desplegable, habrá otro menú desplegable a la derecha. Seleccione su archivo javascript de ese menú desplegable.
En la captura de pantalla, establecí un punto de ruptura en la línea 42 haciendo clic con el botón izquierdo del mouse. Esto permitirá que usted pueda romper, inspeccionar, reloj, etc.

enter image description here

3

Es posible depurar JavaScript mediante el establecimiento de puntos de interrupción en Eclipse usando el AJAX Tools Framework.

29

En el año 2015, hay por lo menos seis opciones para la depuración de JavaScript en Eclipse:

adición a lo anterior, aquí hay un par de videos que se centran en "la depuración de JavaScript utilizando Eclipse"

que ha sido superado

+0

@ user203687 puede simplemente editar la respuesta. Lo marqué como "wiki de la comunidad" para que todo el mundo lo mejore. – koppor

+0

Gracias, hizo eso. – user203687

+1

Evitaría usar Aptana Studio de forma autónoma, el plugin de depuración para Firefox solo puede usar Firebug V8 o una versión anterior. Estaba usando Aptana hasta que algunos de mis otros complementos solo admitían el FireBug más nuevo ... Aptana está basado en Eclipse y todavía puedes usar el plugin de Aptana para Eclipse, que en mi humilde opinión es una combinación de dinamita –

2

MyEclipse (eclipsar a base, se requiere suscripción) y Webclipse (un plug-in de Eclipse, actualmente en libertad), de mi compañía, Genuitec, recientemente se han diseñado (a partir de 2015) JavaScript debugging construido en:

enter image description here

puede depurar las aplicaciones web y archivos genéricos Node.js.

+0

Creo que las reglas de StackOverflow requieren que menciones si estás afiliado a un producto que recomiendas. – darklon

+0

Pensé que había hecho eso con mi ícono de perfil (MyEclipse) pero lo había actualizado con el logotipo de la compañía. Tienes razón, debería haber mencionado esto explícitamente. Editaré mi respuesta. –

Cuestiones relacionadas