2009-04-29 14 views
17

¿Tiene un sitio favorito o página de cosecha propia en su caja de herramientas para ayudarlo durante el desarrollo de su Javascript?herramientas de evaluación de código Javascript en línea

Algo para ayudarle a:

  • validar
  • plazo
  • de depuración, inspeccione
  • unidad de prueba

buscando un lugar para pegar mis JS en, haga clic en un botón Ejecutar y haz que evalúe las declaraciones. Esto podría ser para los fragmentos simples para la manipulación de números, cadenas, objetos personalizados, etc.

RESPUESTA (ya que no hay respuestas ante la pregunta se cerró realmente abordar los requisitos:

  • turb0js - le permite paso a través del código sin tener que abrir la consola del navegador y buscar el archivo JavaScript correcto. También permite agregar una descripción HTML al fragmento de código y comentarios de otros usuarios. Los métodos DOM y de consola no funcionan.
  • jsbin con // noprotect al comienzo del código, para habilitar la depuración en la consola del navegador

No respuestas: Codepen (no se puede depurar debido a su ejecución automática en la edición creando una nueva secuencia de comandos); JSFiddle (sin soporte directo para la consola del navegador)

+0

http://codepen.io general es el mejor que he encontrado hasta ahora, incluidos los mencionados aquí. Nunca encontré ninguno que funcionó, pero puede establecer puntos de interrupción o usar funciones de depuración, como puede hacerlo en las herramientas de Chrome. – toddmo

+0

[pythontutor] (http://www.pythontutor.com/javascript.html#mode=edit) tiene un buen visualizador de JavaScript. Hasta ahora, mi solución ha sido configurar una página en blanco dedicada y un archivo js y editar/recargar/depurar en Chrome (que tiene una útil [Edición en vivo] (https://developer.chrome.com/devtools/docs/javascript-debugging) #liveedit) característica) –

Respuesta

18

Dale una mirada a JsBin que es una gran herramienta en línea para la depuración de colaboración JavaScript ...

se puede incorporar fácilmente las bibliotecas más populares de JavaScript, e incluso se puede utilizar para Ajax Solicitud de depuración ...

Compruebe el introductory videos ...

+1

+1, me olvidé por completo de JS Bin, pero es algo bueno. –

+0

Gracias por compartir esto: parece una herramienta increíblemente útil. –

+0

[JSBin no le permite depurar fácilmente código JavaScript.] (Http://jsbin.com/blog/protection#comment-1590869196) Debe abrir la consola del navegador, buscar el archivo JavaScript correcto en la pestaña Scripts, luego depure lo suficientemente rápido como para que la protección de bucle no mate la ejecución porque cree que su script se ejecuta demasiado lento. (o agregue '// no protect' a la parte superior del código). –

5

JSLint ayuda mucho a la validación de JS.

En términos de ejecución/depuración, uso Firebug en Firefox, y Opera/Safari/IE8 está construido en depuradores JS. (Ninguno de estos está en línea, pero todos son bastante potentes.) Creo que Firebug Lite sería un decente depurador JS en línea (en el sentido de que es un bookmarklet en lugar de un complemento o una característica específica del navegador).

+0

+1: He estado usando mucho JSLint últimamente y me encanta – Adnan

4

Es una extensión de Firefox, no un servicio en línea, pero debe consultar Firebug si necesita ejecutar JavaScript arbitrario para la depuración. O Firebug Lite si necesita soporte para otros navegadores.

Si está utilizando un navegador basado en WebKit, (Safari o Chrome), puede usar el Web Inspector. Creo que IE 8 y Opera también tienen funciones equivalentes.

Si necesita ejecutar JavaScript desde la línea de comandos, puede usar SpiderMonkey directamente; tiene un REPL de JavaScript que puedes ejecutar.

2

Puede ejecutar/depurar Javascript en línea con Overbyte

+0

Sigo recibiendo "identificador inesperado" sin un número de línea, para el código que funciona bien en JSBin. –

10

jsfiddle.net es lo que necesita

+0

jsfiddle.net no permite la ejecución directa de las declaraciones de JavaScript, ¿verdad? Son los resultados completos de integración HTML/JS/CSS que se muestran. Sin consola de Javascript como tal – bschandramohan

Cuestiones relacionadas