Google Chrome Developer Tools for Java: Depurando Javascript desde Eclipse

Google Chrome Developer Tools for Javaofrece Herramientas de depuración para aplicaciones que corren en Chrome (o en Chromium).

En este caso lo que nos interesa es el soporte para depurar Javascript.

Para poder depurar Javascript debemos:

· Instalar Chromium JavaScript Remote Debugger desde http://chromedevtools.googlecode.com/svn/update/dev/

· Arrancar Chrome > chrome –remote-shell-port=9222 (donde 9222 es el Puerto de depuración)

· En Eclipse crear una nueva configuración de Debug de Chromium Javascript (Run|Debug Configurations)

especificando el puerto 9999 (el puerto configurado en Chrome)

Añado el proyecto que quiero depurar:

· Lanzo en el Eclipse el fichero a depurar. Si como es mi caso tenéis un HTML fuera de un WAR para probar podéis arrancarlo con el Servidor HTTP Preview. Para eso elegís el HTML, con el botón derecho seleccionáis Debug>Debug on Server y elegís HTTP Preview at localhost.

Esto lo arrancará en una url como esta:http://localhost:8080/DebugJavascript/checkTime.html

· Abro en el Chrome arrancado con la opción –remote-shell-port=9222 el HTML a depurar.

· Comienzo a depurar desde Eclipse

Si hay más de una pestaña abierta me pedirá la pestaña a depurar:

· En Project Explorer selecciono el HTML a depurar y lo abro (si no no podré depurar)

Y voilá!!! Aquí lo tenemos 🙂 …bonito, verdad?…lo malo es que no permite cambiar valores 😦