Detección y corrección de errores

Capítulo 9. Detección y corrección de errores

JavaScript es un lenguaje de programación interpretado, lo que significa que no se pueden detectar la mayoría de errores en el código hasta que se ejecutan los scripts. De esta forma, antes de considerar un script como correcto, es necesario probarlo en todos los navegadores sobre los que se vaya a utilizar.

Cuando se producen errores durante la ejecución de un script, los navegadores proporcionan cierta información útil para descubrir el punto exacto en el que se ha producido el error y su posible solución. Solucionar los errores de un script se denomina "depurar el script" o "debugear el script" (término que viene de la palabra inglesa "debug", que significa "eliminar los errores de una aplicación").

Desafortunadamente, no todos los navegadores proporcionan la misma información útil, lo que complica la solución de los errores para cada tipo de navegador. A continuación se muestran las herramientas que proporciona cada navegador para detectar y corregir los errores en JavaScript.

9.1. Corrección de errores con Internet Explorer

Dependiendo de su configuración, el navegador Internet Explorer puede tener desactivada la notificación de errores de JavaScript. Por este motivo, en primer lugar puede ser necesario activar los mensajes de aviso sobre los errores de JavaScript. Para activar las notificaciones, se accede al menú Herramientas > Opciones, pestaña Opciones Avanzadas y se activa la opción Mostrar una notificación sobre cada error de secuencia de comandos, como se muestra en la siguiente imagen:

Figura 9.1 Opciones avanzadas en Internet Explorer necesarias para activar la notificación de errores de JavaScript

Una vez activado, se mostrará un mensaje de error cada vez que se produzcan errores de JavaScript en una página. Además, en la esquina inferior izquierda se muestra un pequeño mensaje indicando que la página contiene errores:

Figura 9.2 Mensaje de aviso de Internet Explorer sobre los errores de JavaScript

Pulsando sobre el botón Mostrar Detalles >> es posible acceder a cierta información adicional sobre el error producido:

Figura 9.3 Información adicional proporcionada por Internet Explorer sobre los errores de JavaScript

Internet Explorer es el navegador que menos información proporciona. Además, cuando se produce un error no siempre indica correctamente la posición del posible error.

El tipo de mensajes (muy breves y en ocasiones ambiguos) y la falta de precisión sobre el lugar en el que se ha producido realmente el error, hacen que depurar un script en Internet Explorer sea una tarea excesivamente complicada.

9.2. Corrección de errores con Firefox

Depurar scripts utilizando Firefox es una experiencia completamente diferente y más sencilla que depurarlos con Internet Explorer. Firefox proporciona herramientas más útiles, activadas por defecto y que muestran más información y mucho más precisa.

Para depurar un script con Firefox, solamente es necesario acceder a la opción Consola de error dentro del menú Herramientas:

Figura 9.4 Consola de errores de Firefox donde se muestra toda la información sobre los errores de JavaScript

La consola de errores permite diferenciar los mensajes de información, los mensajes de aviso y los mensajes de error. Además, permite visualizar todos los errores de la página simultáneamente. Por cada error detectado se indica la posible solución mediante un mensaje en inglés y se muestra el trozo de código del script donde se ha producido el error. Además, pulsando sobre el enlace incluido se accede a la línea concreta del archivo concreto donde se ha producido el error.

Además, Firefox permite instalar pequeñas mejoras y ampliaciones en el navegador, que se conocen con el nombre de extensiones. Una de las extensiones más interesantes para los desarrolladores de aplicaciones web es Firebug, que se puede descargar gratuitamente desde http://www.getfirebug.com/ El mismo error de JavaScript muestra la siguiente información en Firebug:

Figura 9.5 Información mostrada por Firebug sobre un error de JavaScript

Si se pincha sobre el mensaje de error, Firebug también redirige a la línea concreta del script en la que se está produciendo el error:

Figura 9.6 Firebug permite ir directamente a la línea concreta del script en la que se está produciendo el error

Firebug incluye cientos de utilidades y herramientas necesarias para depurar aplicaciones web y para diseñar páginas web. Además, proporciona información detallada sobre XHTML, CSS, DOM y JavaScript. Toda la documentación, tutoriales y preguntas frecuentes sobre Firebug se pueden encontrar en http://www.getfirebug.com/docs.html

9.3. Corrección de errores con Opera

El navegador Opera también dispone de una consola de errores muy completa que muestra toda la información sobre el error producido. La consola de errores se accede desde el menú Herramientas > Avanzado y la opción Consola de error:

Figura 9.7 Consola de errores de Opera donde se muestra toda la información sobre los errores de JavaScript