1 min de lectura

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.
¿Te gustó este artículo?

Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.

Líder técnico en equipos de desarrollo de software. Profesor de Desarrollo Web en la Universidad de Guadalajara. Emprendedora. Fundadora y CTO de CORB.mx. Ponente y tallerista. Colaboradora en proyectos de software libre y Open Source. Comprometida con la comunidad y la industria de la tecnología. Enfocada en el empoderamiento de las mujeres.

3 COMENTARIOS

    • La intención de este artículo era solo explicar que existen las herramientas.
      Pero tienes mucha razón, pronto haré un artículo tutorial explicando como hacer debug con el navegador.

      Gracias por el comentario

Deja tus comentarios

This site uses Akismet to reduce spam. Learn how your comment data is processed.