JavaScript - Depuración

De vez en cuando, los desarrolladores de cometer errores mientras que la codificación.Un error en un programa o una secuencia de comandos que se conoce como un error.

El proceso de encontrar y corregir errores se llama depuración y es una parte normal del proceso de desarrollo. Esta sección cubre las herramientas y técnicas que le pueden ayudar con las tareas de depuración ..

Mensajes de error en IE

La forma más básica para localizar errores es mediante la activación de información de error en su navegador. De forma predeterminada, Internet Explorer muestra un icono de error en la barra de estado cuando se produce un error en la página.

Haga doble clic en este icono le lleva a un cuadro de diálogo que muestra información sobre el error específico que ocurrió.

Desde este icono es fácil pasar por alto, Internet Explorer le da la opción para mostrar automáticamente el cuadro de diálogo de error cuando se produce un error.

Para activar esta opción, seleccione. Herramientas → Opciones de Internet → pestaña Opciones avanzadas y, finalmente, comprobar el "Mostrar una notificación sobre cada error de secuencias de comandos" opción de caja como se muestra a continuación -

Mensajes de error en Firefox o Mozilla

Otros navegadores como Firefox, Netscape y Mozilla envían mensajes de error a una ventana especial llamada la consola JavaScript o error Consol. Para ver la consola, seleccione Herramientas → Error Consol o desarrollo web.

Por desgracia, ya que estos navegadores no dan ninguna indicación visual cuando se produce un error, debe mantener la consola abierta y ver los errores que la secuencia de comandos se ejecuta.

Notificaciones de error

Notificaciones de error que aparecen en la consola oa través de cuadros de diálogo de Internet Explorer son el resultado de los dos errores de sintaxis y de tiempo de ejecución. Estos notificación de error incluye el número de la línea a la que se produjo el error.

Si utiliza Firefox, entonces usted puede hacer clic en el error disponibles en la consola de errores para ir a la línea exacta en el error de script que tiene.

Cómo depurar un script

Hay varias maneras de depurar tu JavaScript -

Use un Validador JavaScript

Una forma de comprobar su código JavaScript para bichos extraños es ejecutar a través de un programa que comprueba para asegurarse de que es válido y que sigue las reglas oficiales de sintaxis de la lengua. Estos programas se llaman validando analizadores o simplemente validadores para el cortocircuito, ya menudo vienen con HTML comercial y editores de JavaScript.

El validador más conveniente para JavaScript está de Douglas Crockford JavaScript Lint, que está disponible de forma gratuita en Douglas Crockford JavaScript pelusa.

Sólo tiene que visitar esa página web, pegue su JavaScript (JavaScript) código en el área de texto proporcionado y haga clic en el botón JSLint. Este programa analizará a través de su código JavaScript, asegurando que todas las definiciones de variables y funciones siguen la sintaxis correcta. También comprobará las declaraciones de JavaScript, como si, y cuando, para asegurarse de que ellos también siguen el formato correcto

Añadir Código depurar para sus programas

Puede utilizar la alerta () o document.write () métodos en su programa para depurar el código. Por ejemplo, podría escribir algo de la siguiente manera -

var debugging = true;
var whichImage = "widget";

if( debugging )
alert( "Calls swapImage() with argument: " + whichImage );
var swapStatus = swapImage( whichImage );

if( debugging )
   alert( "Exits swapImage() with swapStatus=" + swapStatus );

Al examinar el contenido y el orden de la alerta () tal y como aparecen, puede examinar la salud de su programa muy fácilmente.

Use un depurador de JavaScript

Un depurador es una aplicación que pone a todos los aspectos de la ejecución de scripts bajo el control del programador. Depuradores proporcionan un control preciso sobre el estado de la secuencia de comandos a través de una interfaz que le permite examinar y valores establecidos, así como controlar el flujo de ejecución.

Una vez que el guión ha sido cargado en un depurador, se puede ejecutar una línea a la vez o instrucciones para detener en ciertos puntos de interrupción. Una vez que se detiene la ejecución, el programador puede examinar el estado de la secuencia de comandos y sus variables con el fin de determinar si algo está mal. También puede ver las variables para los cambios en sus valores.

La última versión del Mozilla Depurador JavaScript (llamado código-Venkman) tanto para los navegadores Mozilla y Netscape se puede descargar enhttp://www.hacksrus.com/~ginda/venkman

Consejos útiles para los desarrolladores

Usted puede seguir los siguientes consejos en mente para reducir el número de errores en los scripts y simplificar el proceso de depuración -

• Use un montón de comentarios. Comentarios le permiten explicar por qué usted escribió el guión de la manera que lo hizo y para explicar las secciones particularmente difíciles de código.
• Siempre use sangría para hacer su código fácil de leer. Sangría declaraciones también hace que sea más fácil para usted para que coincida con principio y etiquetas que terminan, llaves y otros elementos HTML y script.
• Escribir código modular. Siempre que sea posible, agrupar sus declaraciones en funciones. Funciones que permiten declaraciones de grupos relacionados, y porciones de ensayo y reutilización de código con el mínimo esfuerzo.
• Sea consistente en la forma de nombrar las variables y funciones. Intente utilizar nombres que son lo suficientemente largo para que tenga sentido y que describen el contenido de la variable o el propósito de la función.
• Utilice la sintaxis coherente al nombrar variables y funciones. En otras palabras, mantener a todos en minúsculas o mayúsculas; si prefiere la notación Camel Back, utilizar de forma coherente.
• Prueba de guiones largos de una manera modular. En otras palabras, no tratar de escribir todo el guión antes de probar cualquier porción de él. Escribe una pieza y conseguir que funcione antes de añadir la siguiente porción de código.
• Utilice nombres de variables y funciones descriptivas y evitar el uso de nombres de un solo carácter.
• Vea sus comillas. Recuerde que las comillas se utilizan en pares alrededor de cuerdas y que ambas comillas deben ser del mismo estilo (ya sea simple o doble).
• Vea sus signos igual. Usted no debe usado una sola = para fines de comparación.
• Declarar las variables explícitamente utilizando el var palabra clave.

---