Depurar código JavaScript con el navegador

Utilizar una herramienta de depuración cuando se trabaja con JavaScript es tan importante que llega el punto en que se vuelve indipensable.
La extensión Firebug de Firefox tiene un depurador, y Chrome ya trae integrado por medio de las herramientas de Desarrollador.

Entre las caracteristicas de los depuradores, podrás obtener:

  • Editor multi-linea
  • Inspector para revisar el código generado en la página;
  • Visualizador de red o recursos, para examinar las peticiones que se realizan hacia el servidor
  • Además de una consola para obtener los mensajes que usted envie o los errores del sistema

Modos de enviar mensajes a consola

console.log() para enviar y registrar mensajes generales
console.dir() para registrar un objeto y visualizar sus propiedades
console.warn() para registrar mensajes de alerta
console.error() para registrar mensajes de error

Existen otros métodos para utilizar desde la consola, pero estos pueden variar según el navegador.

Una de las grandes ventajas será que usted puede inspeccionar el código de JavaScript, poner breakpoints, y ejecutar su código paso a paso además de ir analizando los valores de los objetos en cada instrucción.

About Michelle Torres

Licenciada en Informática con Maestría en Tecnologías de la Información. Docente por convicción con trece años de experiencia, desarrolladora desde hace nueve años trabajando actualmente con desarrollo WEB para alta disponibilidad, además de ser consultor independiente y capacitador. Participe del movimiento del software libre como fiel apasionada, reconocida por su actividad en la comunidad y su participación en la inclusión.