Javascript: depurando errores

Depurar errores al programar en Javascript puede ser un verdadero engorro. Si no utilizas ningún debugger tienes que llenar el código de alerts, borrando las cachés del navegador, …

Por eso yo utilizo dos herramientas muy completas:
1. JSLint:
Es un parser Javascript. Verifica que el código es sintácticamente correcto, informa de las variables no declaradas, etc.
Modo de funcionamiento: copiar tu código fuente (encerrado en tags <html><head> ... </head></html>) y pulsar el botón JSLint (en la parte inferior de la página).
JSLint javascript

2. Firebug:
Es un plugin para Firefox. Permite ejecución paso a paso del código Javascript, la inspección de variables, …
Modo de funcionamiento: Instalar el plugin, reiniciar Firefox, ir a la página que aloja el código que deseemos ejecutar, pulsar la pestaña “Scripts” y, en el fuente, añadir los breakpoints (botón derecho). Más tarde, disparar el evento que ejecute el código y usar los controles de ejecución y el inspector de variables.

firebug -1

firebug - 2

Related posts:

  1. Spoiler div con HTML and Javascript
  2. Posicionamiento en google (I): validando tus DTD's
  3. Aumentar el tráfico a tu sitio web: AddThis
  4. Javascript – sort tables (by column values) [easy and opensource]
  5. Browser detection with javascript

Leave a Reply

Paypal donate

Please help me keep this blog up by donating.

Por favor, ayúdame a continuar con el blog donando.