Me pone programar

Más que me pone, digamos que me gusta y disfruto con ello

Me pone programar

Blog personal sobre PHP, JavaScript, CSS, Estándares, Flash i demás temas interesantes del mundo de la informática e Internet

Debbuging en JavaScript sin utilizar alert()

16/10/2008 a las 11:23 por Shox

Hoy me he topado con una manera muy cool de hacer debugging en JavaScript sin necesidad del molesto alert().

Yo siempre habia utilizado la función de Firebug console.log(), e incluso si quería hacer debug de PHP, la extensión FirePHP, que aunque falle mucho, es muy interesante. Pero el problema que es sólo para Firefox, hace que la opción de Blackbird gane enteros.

Como podeis ver en la imagen (y si vais al sitio hay una demo expléndida) consta de una ventana translúcida en la esquina superior izquierda de la pantalla donde va apareciendo todo el log que lleve el código. Además la manera de utilizarlo es muy cómoda:

JavaScript:
  1. log.debug( 'Mensaje de debug' );
  2. log.info( 'Mensaje de informacion' );
  3. log.warn( 'Mensaje de warning' );
  4. log.error( 'Mensaje de error' );

Por ponerle una pega, la ventana de log no puede cambiarse de sitio, con lo que a veces puede llegar a ser incómoda, pero el filtrado de tipo de mensaje es muy potente.

Blackbird

Categorías: Debug, JavaScript
Tags: , , ,
Comentarios: Sin comentarios »

Firebug Lite, por fin inspector de DOM i HTML para IE

02/08/2008 a las 06:12 por Shox

La nueva versión de Firebug Lite, 1.2, ha añadido a su funcionalidad de sólo como uso de consola de debug JavaScript, y ahora se comporta de una manera más parecida a la de su hermano mayor. Ahora es capaz de inspeccionar el DOM, hacer track de los XHRs, y navegar por el HTML, CSS y JavaScript.

Por fin una versión que será muy útil a los desarrolladores web, para superar la dificil tarea de programar en Internet Explorer. Funciona en todos los navegadores, como Safari y Opera.

Para instalarla en cualquier página web sólo tienes que poner el siguiente código:

HTML:
  1. <script type='text/javascript'src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

Firebug Lite

Vía: No al IE6 - Navegadores web