Herramientas de desarrollo y de depuración

Recordemos que jQuery es un framework del lado cliente. Esto significa que solo necesita un número

reducido de herramientas; un navegador y un editor de texto. Sin embargo, para los scripts AJAX (ver

el capítulo AJAX en jQuery), hay que prever la instalación de un servidor Web local, pero ya

trataremos este tema cuando estudiemos este capítulo.

A efectos de depuración, no existe una solución milagrosa para depurar el código JavaScript. Sin

embargo, los navegadores (Google Chrome, Firefox, Internet Explorer) proponen soluciones

innovadoras que permiten inspeccionar y depurar las páginas Web y su entorno, es decir, el HTML, las

hojas CSS, el DOM, la utilización de la red, los scripts, etc. En el caso del aprendizaje de jQuery, la

herramienta Consola de estas herramientas de desarrollo será particularmente valiosa para arreglar

los errores de código de sus primeras pruebas.

En Google Chrome, se puede acceder a estas herramientas de desarrollo en Herramientas -

Herramientas para desarrolladores o con el atajo de teclado [Ctrl][Mayús] I. También se pueden

abrir con un clic derecho en un elemento de la página y seleccionando la opción Inspeccionar

elemento. Hay un tutorial completo en la url: https://developers.google.com/chrome-developer-tools/

En sus versiones recientes, Firefox ofrece de forma nativa herramientas similares, Desarrollador -

Desarrollador Web. Se ofrece un tutorial en la dirección: https://developer.mozilla.org/es/docs/Tools

También para Firefox, existe la extensión Firebug, bien conocida por los desarrolladores. No deje de

consultar el excelente tutorial en las direcciones:

http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=FireBug

http://www.adictosaltrabajo.com/tutoriales/tutoriales.php?pagina=firebugAvanzado

Internet Explorer ha renovado completamente sus herramientas de desarrollo a partir de su versión

11. Se puede acceder a ellas desde el atajo de teclado [F12]. Si su estética es particularmente

atractiva, su utilización es menos intuitiva. Se puede consultar un tutorial

enhttp://msdn.microsoft.com/es-es/library/ie/bg182636%28v=vs.85%29.aspx. Observe que estas

herramientas permiten emular navegadores, tamaños de pantalla y ubicaciones GPS.