que - punto de interrupcion javascript
Las mejores herramientas de depuración para JavaScript/xulrunner Development (14)
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 .
''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.
Las versiones nocturnas de WebKit tienen algunas excelentes nuevas herramientas de depuración:
Firebug es bastante inmejorable para el desarrollo de JavaScript en un navegador.
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.
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.
Si estás usando SQLite, especialmente para el desarrollo de Firefox, sugeriría el complemento de Firefox " SQLite Manager ". No solo le permite ver fácilmente la información de perfil almacenada por Firefox en los perfiles de usuario, sino que también puede abrir otras bases de datos SQLite. Muy útil.
Debug and Profile JavaScripts - Depurador de JavaScript y herramienta de perfil. http://www.globinch.com/2010/05/04/debug-and-profile-javascripts-using-venkman-javascript-debugger-and-profile-tool/
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:
- Use el registro. Implemente sus propias utilidades de registro, o una común (ej. Https://wiki.mozilla.org/Labs/JS_Modules#Logging aunque aún no lo haya usado, vea también http://developer.mozilla.org/ en / docs / Using_JavaScript_code_modules )
- Al escribir su código, utilice el Shell JS y el Editor Live XUL (desde la extensión del desarrollador de la Extensión ) junto con el inspector DOM para la creación de prototipos.
- Configure un perfil para desarrollo , luego depure ajustando el código fuente (agregando logging y alert () s :) y recargando la ventana afectada.
- Cuando sea posible, escriba pruebas unitarias utilizando los marcos disponibles (actualmente no se usan ampliamente con código fuera del árbol Mozilla)
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.
El registro es imprescindible. y JS Shell definitivamente te ayudará cuando escribas tu código. http://www.squarefree.com/shell/
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.
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 .