Librería de Tracing en JavaScript

Uno de los principales problemas que se encuentra un desarrollador o diseñador al crear una página web que contenga JavaScript, es la búsqueda y solución de errores. Esto se debe a que tradicionalmente no ha habido herramientas que ofrezcan una solvencia mínima para estas tarea.

Bien es cierto que últimamente la situación ha mejorado considerablemente con las herramientas disponibles para los navegadores Mozilla y Firefox, pero aún así hay situaciones en las que se recurre a la tradicional inserción de alerts por el código.

Para evitar esto he desarrollado una pequeña clase de nombre Trace que permite generar mensajes en la aplicación y mostrarlos en una ventana aparte, disponiendo así de una representación más visual de los puntos por los que pasa la página.

La utilización de la clase es muy sencilla, basta incorporar la siguiente línea a la página html:

Modificando si es necesario la ubicación del archivo .js.

En su utilización disponemos de 5 métodos a los que podemos llamar:

  • fatal: para mostrar mensajes de errores fatales
  • error: para mostrar mensajes de error
  • warn: para mostrar mensajes de advertencia
  • info: para mostrar mensajes de información
  • debug: para mostrar mensajes de depuración

El funciamiento de cada uno de los métodos es equivalente y se basan en mostrar los mensajes en la ventana en función del nivel en el que esté configurado el tracing, y maquetados acorde con su nivel.

Es posible controlar el nivel de los mensajes que se quieren mostrar, de forma que podemos tener las llamadas disponibles en el JavaScript y el tracing puesto a un nivel de off (0) en donde no se mostraría ningún mensaje, y podemos cambiar el nivel a un número mayor (hasta 6), para comenzar a mostrar mensajes.

A continuación se muestra un pequeño ejemplo de utilización:

<html>
<head>
<script src="trace.js"></script>
<script>
Trace.level = 0; // OFF
Trace.fatal("Este mensaje no se mostrará por estar el level a off");
Trace.level = 6; // ALL
Trace.info("Este mensaje sí se mostrará por estar el level a all");
Trace.level = 5; // DEBUG
Trace.debug("Se mostrarán los mensajes de debug, info, warn, error y fatal");
Trace.level = 3; // WARN
Trace.warn("Se mostrarán los mensajes de warn, error y fatal");
Trace.debug("Por lo que este mensaje no debería aparecer");
</script>
</head>
<body></body>
</html>

Descargar el archivo: trace.zip

Twitter Digg Delicious Stumbleupon Technorati Facebook Email

Un Comentario para “Librería de Tracing en JavaScript”

  1. Me parece utilísimo. Creo que Antechinus JavaScript Editor (la única herramiento de desarrollo de JavaScript «decente» que creo que existe) usa algo parecido.
    Lo probaré y te contaré.
    Un saludo y enhorabuena por esta web.
    Además de su aspecto sus contenidos son una maravilla.