una - Las mejores herramientas de depuración para JavaScript/xulrunner Development




que es una pagina web en html (10)

'alerta (x);' fue la técnica principal durante demasiado tiempo.

FireBug, como han dicho otros, es el camino a seguir en la depuración FireFox.

el Aptana IDE (basado en eclipse) hizo un poco de salpicadura en la región IDE de javascript recientemente.

Visual Studio 2008 contiene capacidades de depuración de JavaScript mucho mejores que las versiones anteriores.

En los últimos meses comencé mi primer desarrollo serio de JavaScript, cuando comencé a desarrollar aplicaciones XUL. Utilizo Notepad ++ como mi editor, pero me quedé muy consternado al encontrar (por lo que puedo decir) que Venkman / Javascript Debugger es la herramienta para la depuración. Parece un reemplazo deficiente para Visual Studio para los lenguajes .Net.

¿Me estoy perdiendo de algo? ¿Cuáles son las mejores herramientas y mejores prácticas para el desarrollo de JavaScript? ¿Hay alguna combinación asesina de IDE / depurador / editor de la que no tenga conocimiento?

Sin embargo, tiene que ser más fácil que esto.

He escuchado alguna mención de Eclipse: ¿es una buena opción aquí? Sé muy poco sobre eso.

Editar: Algunos de ustedes han señalado a Firebug, supongo que mi problema era que no estoy usando JavaScript para el desarrollo web para el cual Firebug parece ser la herramienta , sino que lo estoy usando para el desarrollo de XUL en xulrunner. Que puede ser simplemente una debilidad o inmadurez de xulrunner .



Hice una búsqueda en Google para (Xul IDE) y el primer hit fue un listado en la wiki de Mozilla de diferentes XUL IDE.s También encontré una aplicación llamada XULU studio en los resultados.

https://wiki.mozilla.org/XUL:IDE


Hago mucho desarrollo de XUL / JS, y uso una combinación de Eclipse y JSEclipse para la edición de código y Venkman para la depuración. Puede ser complicado lograr que Venkman trabaje con tu aplicación XUL, pero vale la pena el esfuerzo.

http://developer.mozilla.org/en/Debugging_a_XULRunner_Application tiene la información sobre cómo habilitar Venkman en tu aplicación. Echale un vistazo; Te aseguro que vale la pena el tiempo que pasas en eso.



Sí, no hay un depurador decente para el desarrollo XUL + JS actualmente. Pero en mi experiencia de varios años podría hacerlo bien sin eso. Así es cómo:

Con suerte, Komodo (editor / IDE basado en Mozilla, se convirtió en código abierto el año pasado) desarrollará herramientas para depurar el código de Mozilla con el tiempo.


En aras de la integridad, si está utilizando una versión de la plataforma Mozilla <6.0, Chromebug es una gran opción. Ojalá yo o alguien más tuviéramos los medios para actualizarlo.


No he realizado ningún desarrollo / depuración de XUL, pero a continuación se encuentra la lista de mis herramientas para depuración / desarrollo de Javascript.

  • Firebug

  • FireRainbow , FireRainbow habilita el resaltado de sintaxis de JavaScript para Firebug

  • FirePHP , FirePHP le permite iniciar sesión en su Firebug Console utilizando una simple llamada al método PHP.

  • Widerbug , puede aprovechar pantallas anchas para la depuración / desarrollo de js. Obsoleto ahora, ya que es compatible con Firebug 1.9 nada más sacarlo de la caja.


¡XULRunner / Firefox soporta la depuración remota nativa ahora! Puede usar XULRunner como debuggee y firefox como depurador.

La instrucción para el desvío remoto se puede encontrar en MDN.

Debe establecer pref devtools.debugger.remote-enabled en true en depurador y depurador.

Usa este código en tu aplicación:

var windowtype = ...
Components.utils.import('resource://gre/modules/devtools/dbg-server.jsm');
DebuggerServer.chromeWindowType = windowtype;

if (!DebuggerServer.initialized) {
  DebuggerServer.init();
  DebuggerServer.addBrowserActors(windowtype);
}

DebuggerServer.openListener(6000);

Si su página es (x) html, asigne windowtype con null ; si su página es xul, asigne windowtype con el mismo valor del atributo windowtype del elemento xul:window :

<xul:window windowtype=... >
...
</xul:window>

Inicie su aplicación XULRunner, y en Firefox, vaya a Herramientas> Desarrollador web> Conectar ..., conéctese a localhost, puerto 6000, y podrá depurar.


Como dije en otra publicación , para mí, la herramienta de depuración más conveniente para JavaScript es Mozrepl . Es una extensión de Firefox / XULRunner que accede a la instancia del navegador / aplicación utilizando telnet, y usted puede observar y manipular todo en su aplicación de forma remota; incluso el marco en sí.

Es increíblemente útil como depurador (en aplicaciones XUL independientes es la única forma soportable de realizar depuraciones reales) y como una herramienta para jugar y comprender las agallas de su aplicación, acelera su tiempo de desarrollo XUL Javascript multiplicado por diez.

Para ver una demostración impresionante de las posibilidades, mira este video .





xulrunner