Firebug es una potente herramienta para web

Generalmente a todos los desarrolladores de Web se les hace un poco engorroso el hecho de comprobar el por qué de los posibles errores que estén ocurriendo, tanto en el cliente como en las respuestas del servidor, sobre todo cuando se está utilizando AJAX. Actualmente existe una herramienta, que no es más que un Add-on de Firefox que nos permite realizar esto, además de otras funcionalidades. Me estoy refiriendo al Firebug, la cual cuenta a su vez con varios Pluggins para enriquecer más el nivel de información que brinda al usuario. En la actualidad, existe la tendencia de usar frameworks de desarrollos para las aplicaciones tanto de escritorios como en la web.  Es indudable los beneficios y el tiempo que se ahorra utilizando estos framework o API. Un ejemplo claro de esto, es el uso de frameworks para el lenguaje JavaScript, que lo menciono porque es conocido por todos las diferentes incompatibilidades que existen en la implementación del DOM de los diferentes navegadores y bueno la culpa al final la paga el JavaScript como lenguaje, desde el punto de vista consistencia y los desarrolladores que se las tienen que arreglar para que sean compatibles sus aplicaciones. Existen muchos de estos Frameworks, como es el caso de JQuery, Prototype, Dojo, Yahoo UI Library, ExtJS, etc. A mi realmente me gustan mucho ExtJS y JQuery.

Bueno aquí es dónde vuelve a jugar un papel importante el uso de Firebug, como ya les decía al principio tiene muchas ventajas, sobre todo por la rapidez con la que se puedan detectar los errores.  También hay que mencionar, como desventaja, que efectivamente es para Firefox , lo que nos obliga un poco a hacer las pruebas, por lo menos de chequeo de peticiones (Request) al servidor utilizando este navegador web.

Firebug Lite

Debido a esta limitante y un tanto para encontrar solución a la misma, se desarrolló el Firebug Lite, esta herramienta no brinda toda la utilidad que el Firebug como tal pero si es una forma un poco de buscar solución a esta limitante. El Firebug Lite es un archivo javascript que se puede insertar en las páginas web para simular algunas de las ventajas de Firebug y que no afecta a ningún elemento HTML de la página, para esto se crea un objeto llamado “firebug”. A continuación les muestro algunos ejemplos de cómo usarlo:

Instalando si estás Online

Insertar esta línea de código en la página:
//Dentro de etiquetas javascript
//Inicio src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js" type="text/javascript"//Fin
 

Instalando si estás Offline 

Importar firebug-lite-compressed.js o firebug-lite.js dentro del directorio donde se guarde el sitio.

Insertar esta línea de código en la página:

//Dentro de etiquetas javascript
//Inicio language="javascript" src="/path/to/firebug/firebug-lite.js" type="text/javascript" //Fin

Configurando

En la última versión es posible cambiar el tamaño del formulario de Firebug Lite

//Dentro de etiquetas javascript
//Inicio type="text/javascript";
  firebug.env.height = 500;
//Fin

Además los desarrolladores pueden usar sus propios estilos css,

//Dentro de etiquetas javascript
//Inicio type="text/javascript";
  firebug.env.css = "/estilos/firebug.css"
//Fin

Algunas funciones:

• inspect:  Los elementos pueden ser inspeccionados en código javascript.
      firebug.inspect(document.body.firstChild);
• watchXHR: Permite conocer el estado de un objeto XmlHttpRequest.
• Algunos navegadores no cuentan con el objeto console, si esto es así pues es posible lograrlo de esta forma:
  firebug.d.console.cmd.log("prueba");
  firebug.d.console.cmd.dir([ "prueba" ]); 

 Espero que les sirva, Liber