Firebug Lite

Google Chrome está ganando popularidad y aceptación como alternativa a Firefox e Internet Explorer, y no solo entre los internautas; A los desarrolladores web les gusta la velocidad y la flexibilidad de Chrome, así como sus componentes de código abierto. Firebug Lite para Google Chrome es una extensión gratuita que agrega la funcionalidad de la popular herramienta de desarrollo web Firebug a la interfaz de Chrome. Firebug Lite le permite inspeccionar y modificar HTML en tiempo real, analizar el rendimiento y la actividad de la red y depurar JavaScript con lo que se afirma que es el depurador más avanzado disponible en un navegador.

Instalar Firebug Lite para Google Chrome fue tan simple como abrir la página en Chrome, hacer clic en el enlace de descarga y permitir los cambios. El ícono de Firebug Lite apareció en el espacio de extensiones a la derecha de la barra de herramientas; al hacer clic en él, el panel inferior del programa se abrió y se cerró. Este panel extraíble y expandible abarca el ancho de la interfaz de Chrome. Su menú de archivo tiene dos entradas: Inspeccionar, para analizar la página web de destino, y Borrar, para restablecer el campo. La bandeja de herramientas con pestañas contiene entradas tituladas Consola, HTML, CSS, Script y DOM. Una pequeña flecha en el marco inferior abrió un panel lateral para ingresar y ejecutar scripts. Los botones de navegación nos permiten desactivar Firebug Lite para la página actual y abrir el programa en una ventana emergente, lo que nos permite moverlo independientemente de Chrome.

Antes de usar Firebug Lite, vimos el breve tutorial en video del desarrollador, que hace un buen trabajo al guiar a los nuevos usuarios a través de las diversas herramientas del programa. Navegamos a una página web personal e hicimos clic en Inspeccionar. La pestaña HTML mostraba el código en el panel principal, mientras que el panel lateral más pequeño se abría con tres pestañas: Estilo, Computado y DOM, con DOM mostrando información completa de Java. Siguiendo las instrucciones del tutorial, pudimos modificar rápidamente el HTML lo suficiente como para ver un cambio visible en el sitio, pero sin causar ningún daño. Al hacer clic en CSS, se abrió la herramienta Hojas de estilo en cascada y un menú desplegable en la barra de tareas principal que enumera todos los sitios asociados para su inspección.

Firebug Lite para Chrome hace demasiado para cubrirlo todo adecuadamente aquí, pero todo lo que realmente necesita saber es esto: es gratis, se integra perfectamente con Chrome y funciona muy bien.