Herramientas de desarrollo y de depuracin

Recordemos que jQuery es un framework del lado cliente. Esto significa que solo necesita un nmero
reducido de herramientas; un navegador y un editor de texto. Sin embargo, para los scripts AJAX (ver
el captulo AJAX en jQuery), hay que prever la instalacin de un servidor Web local, pero ya
trataremos este tema cuando estudiemos este captulo.
A efectos de depuracin, no existe una solucin milagrosa para depurar el cdigo JavaScript. Sin
embargo, los navegadores (Google Chrome, Firefox, Internet Explorer) proponen soluciones
innovadoras que permiten inspeccionar y depurar las pginas Web y su entorno, es decir, el HTML, las
hojas CSS, el DOM, la utilizacin 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 cdigo 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][Mays] I. Tambin se pueden
abrir con un clic derecho en un elemento de la pgina y seleccionando la opcin 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 direccin: https://developer.mozilla.org/es/docs/Tools

Tambin para Firefox, existe la extensin 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 versin

11. Se puede acceder a ellas desde el atajo de teclado [F12]. Si su esttica es particularmente
atractiva,
su
utilizacin
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, tamaos de pantalla y ubicaciones GPS.