Chrome: Depurando Javascript

Introducción

En una entrada anterior vimos algunas de las herramientas que nos proporciona Chrome para el desarrollo web y las diferentes opciones par depuruar nuestro código que nos ofrece.  En esta ocasión vamos a ver con detalle como realizar la depuración de código javascript con las opciones que nos proporciona Chrome, para ello veremos como utilizar la ejecución paso a paso, en un post futuro veremos como usar la consola del navegador para ejecutar y probar nuestro código.

Estamos viendo navegador el navegador Chrome, pero el resto de navegadores mayoritarios, Firefox o Internet Explorer, por ejemplo, también ofrecen herramientas y operativa muy similares, así que lo que aquí se diga, lo más probable que será aplicable a estos otros también de forma similar.

Herramientas Programación de Chrome

Introducción

A la hora de programar en Javascript necesitamos pocas herramientas: un editor de texto para escribir nuestro código y un navegador para poder probarlo. El problema llega cuando nuestro código da algún error, entonces necesitamos alguna herramienta que nos diga algo sobre el error para saber como solucionarlo, sino podemos estar revisando nuestro código eternamente.

Por suerte todos los navegadores modernos han pensado en nosotros y ponen a nuestra disposición una serie de herramientas, ya sea de serie o mediante plugins, que son imprescindibles para nosotros. Vamos a ver algunas herramientas interesantes de Chrome para el desarrollo.