w3schools tag tab style page for color javascript debugging

tag - ¿Depuración del estilo REPL de JavaScript?



title of page html (20)

¿Hay algún tipo de depurador interactivo para JavaScript? Me estoy imaginando algo así como una página web a la izquierda y una interfaz REPL a la derecha.

O tal vez incluso sin tener una página web, así que puedo jugar con el lenguaje JavaScript.

Algo que no requiere que actualice la página web con puntos de interrupción en Firebug o VS para examinar los locales y escribir el código en una ventana de vigilancia. Tal vez solo necesito aprender Firebug mejor?

JavaScript no tiene que ser compilado , después de todo.

Algo así como LinqPad pero para JavaScript tal vez?

¿Alguien me sigue aquí?

El Safari 4 beta tiene esta capacidad en la consola de errores (en el menú "Desarrollar"). Es especialmente genial porque cuando devuelve un objeto o nodo HTML, te permite profundizar en él con una pequeña flecha para revelar, mostrando sus miembros, contenidos, etc.

Google Chrome tiene una muy bonita consola incorporada de Javascript con excelentes funciones de depuración y análisis de rendimiento.

He estado usando FireBug , no sé si es exactamente lo que necesitas, pero me encanta depurar JavaScript a través de él.

Porque puede imprimir variables en su propia consola sin tener que hacer siempre la alert(var); puedes hacer console.log(var)

Para mí, el depurador más conveniente y REPL 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 el navegador; incluso el navegador en sí (recuerda, siempre hablando de Firefox).

Es increíblemente útil como depurador (en las aplicaciones independientes de XUL, 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 de Javascript diez veces.

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

Si estás en una Mac, OSX incluye jsc . Nada nuevo para instalar, simplemente configure un enlace:

ln -s /System/Library/Frameworks/JavaScriptCore.framework/Versions/Current/Resources/jsc /usr/local/bin/jsc

Ahora puede iniciar jsc desde una terminal. Escriba quit() o CTRL C para salir.

Solo para proporcionar otra opción, consulte el bookmarklet de shell here . Lo he estado utilizando durante años para ejecutar JavaScript en contra de la página web cargada actualmente.

La consola Firebug es probablemente un poco más rica en funciones, por lo que no estoy seguro de que haya alguna razón de peso para usarla, pero puede ser una herramienta útil en algunos casos excepcionales.

Una guía para usar la API de línea de comandos de Firebug está aquí: Link.

Use osascript en OS X

$ osascript -l JavaScript -i

Usualmente uso la consola integrada de Chrome. Incluso las versiones más recientes de IE tienen una ventana de herramientas de desarrollo decente.

JRunscript es genial (y estoy avergonzado de no haberlo sabido), pero los problemas con los que me encuentro suelen deberse a variaciones en la implementación de JavaScript o DOM, no en el lenguaje en sí.

Yo uso la ventana de la consola Firebug para esto.

uso JSFiddle en línea (http://jsfiddle.net/) o semilla en una terminal de Linux (http://live.gnome.org/Seed)

la consola elocuente de javascript en la parte inferior de la página parece ser lo que estás buscando. Simplemente haga clic en la etiqueta de la consola y aparecerá una consola deslizante.

Para permitirle probar programas, tanto los ejemplos como el código que usted mismo escribe, este libro utiliza algo llamado consola. Si está utilizando un navegador gráfico moderno (Internet Explorer versión 6 o superior, Firefox 1.5 o superior, Opera 9 o superior, Safari 3 o superior), las páginas de este libro mostrarán una barra en la parte inferior de la pantalla. Puede abrir la consola haciendo clic en la pequeña flecha en el extremo derecho de esta barra.

LightTable te permite ingresar el código y ejecutarlo, y te muestra el resultado en línea.

Me gusta esto:

repl.it admite REPL para varios idiomas, incluido JavaScript o puede probar Codeacademy Labs , también tiene JavaScript REPL

Mancy es una aplicación REPL de JavaScript de fuente abierta y multiplataforma. Está basado en electrón y reaccionar marcos.

Algunas características bonitas:

  • Resaltado de sintaxis
  • Temas oscuros y claros
  • Importar / Exportar el historial de comandos
  • Ventana de consola separada para registros async stdout / stderr
  • Notificación de registros de consola asíncrona
  • soporte de filtro de salida de consola
  • Salida atravesable con opciones de plegado / desplegado
  • Soporte para agregar directorio a la ruta del nodo
  • Opciones de comando Expand / Collapse / Reload
  • Soporte transversal de la historia
  • Ventana múltiple
  • Soporte de mensajes de Multiline con shift + enter
  • Sugerencia automática
  • Completar pestaña
  • Soporte de formato de código
  • Soporte para alternar el modo REPL
  • Preferencias para el tema y el modo REPL