No más alerts para depurar javascript

3 09 2009

Aun sigo programando el CMS, como ya comenté. Resulta que debido al uso intensivo de jQuery que hago y, por tanto, de javascript, me veía obligado a meter alerts en el código cuando no era capaz de encontrar los fallos con Firebug.

Ya harto de los alerts, me puse a buscar una alternativa y encontré esto:

Backbird

Se trata de una ventana flotante que se sitúa encima de la página y que sirve para mostrar mensajes, organizados en cuatro categorías: mensajes de debug, de información, avisos (warnings) y errores.

Una vez descargado el fichero ZIP de Blackbird, lo primero es incluir el js y el css en tu página:

<script type="text/javascript" src="blackbird.js"></script>
<link type="text/css" rel="Stylesheet" href="blackbird.css" />

De esta forma, pulsando F2 te aparecerá una ventanita con el siguiente aspecto:

Blackbird

Después, para hacer que aparezcan mensajes en ella, disponemos de las siguientes funciones javascript:

log.debug("Esto es un mensaje de depuración");
log.info("Esto es un mensaje de información");
log.warn("Esto es un aviso");
log.error("Y esto es un error");

Sencillo, pero muy útil y elegante… Y, por supuesto, gratuito…


Acciones

Information

2 responses

4 09 2009
incendialaciudad

Igual tienes que crear una función que identifique los errores ?

onerror=handleErr;
jerr = "";
function handleErr(msg,url,l)
{
  jerr = ""+l+":"+msg+"";
  log.error(jerr);
}

Hace mas lentas las paginas o no afecta ?
(se que son muchas preguntas que podría responder con probarlo, pero me da flojera)

4 09 2009
jsabino

Buena aportación y muy útil. Yo más que para ver los errores de javascript (para eso tengo el Firebug), lo utilizo para comprobar el valor de una variable o comprobar si he entrado en una determinada función.
Por ahora, en las pruebas que he hecho, no parece que vaya más lenta la página.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: