para - consola javascript online

¿Cómo verificar el código JavaScript del lado del cliente para detectar errores?

Question

Tengo algún código de JavaScript del lado del cliente y quiero revisar ese archivo para ver si hay errores / advertencias.

¿Cuál es la forma más fácil de revisar mi archivo JavaScript en busca de errores?

Answer 1

Firebug para Firefox:

Use el navegador Firefox para descargar e instalar el complemento: https://getfirebug.com/downloads/

Si tiene una versión anterior de Firefox, haga clic en descargar versiones anteriores y haga clic en el archivo .xpi para instalar. Elige el que tenga la fecha más reciente compatible con tu versión de Firefox.

Coloque este código en un archivo llamado whatever.html :

<script type="text/javascript">
var successFunction(){
}
</script>

Abre ese archivo con Firefox. Abre la ventana de firebug. Haga clic en la pestaña Consola. Permitirle. Y debería decirle que el código anterior tiene un error:

Answer 2

Abrir su consola de JavaScript en el navegador Chrome con (Herramientas-> consola de JavaScript) o (CTRL + MAYÚS + J) siempre es un buen lugar para comenzar. Sin embargo, http://www.jslint.com/ es realmente tu mejor apuesta.

Answer 3

Cópielo y péguelo en http://www.jslint.com/ pero prepárese para "herir sus sentimientos".

Answer 4

Hay dos formas de encontrar problemas:

• Análisis estático Puede utilizar jshint / jslint con el generador de gruntjs para identificar principalmente problemas de sintaxis. https://github.com/gruntjs/grunt-contrib-jshint

• Administración de errores en tiempo de ejecución Puede capturar errores y registros de sus clientes con servicios de registro como un JsLog.me . Cada navegador tiene su propio entorno de ejecución para JavaScript, por lo que el registro de clientes detecta problemas del mundo real.

Answer 5

JSLint y todos son excelentes si realmente te preocupas por las pestañas y los espacios, pero para la sintaxis de JS utilizo http://esprima.org/demo/validate.html

Estoy descargando algunas funciones pequeñas de llamadas JS / jQuery en mi php y el corrector esprima se ajusta a mi cuenta.

Answer 6

Usa algo como FireBug para Firefox.

Answer 7

Yo recomendaría probar el compilador de cierre de Google . No solo puede verificar su código en busca de errores, sino que también puede realizar algunas optimizaciones. "Compilador" aquí puede ser un nombre poco apropiado ya que toma JavaScript y devuelve JavaScript.

Para probarlo, puede copiar y pegar su código en el Servicio de compilador de cierre en línea.

Noté que muchas personas sugirieron JSLint. Me topé con JSHint de un tweet de John Resig que parece super flexible para hacer cumplir las convenciones de codificación.