Firebug Lite para Windows

Google Chrome está ganando popularidad y aceptación como una alternativa a Firefox e Internet Explorer, y no solo entre los navegantes de la Web; a los desarrolladores web les gusta la velocidad y flexibilidad de Chrome, así como sus componentes de código abierto. Firebug Lite para Google Chrome es una extensión gratuita que añade la funcionalidad de la popular herramienta de desarrollo web Firebug a la interfaz de Chrome. Firebug Lite te 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 icono de Firebug Lite apareció en el espacio de extensiones a la derecha de la barra de herramientas; al hacer clic en él, se abría y cerraba el panel inferior del programa. Este panel expandible y desmontable abarca el ancho de la interfaz de Chrome. Su menú de archivos tiene dos entradas: Inspeccionar, para analizar la página web objetivo, y Limpiar, 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 abría un panel lateral para ingresar y ejecutar scripts. Los botones de navegación nos permiten desactivar Firebug Lite para la página actual, así como abrir el programa en una ventana emergente, lo que nos permite moverlo de forma independiente a Chrome.

Antes de usar Firebug Lite, vimos el breve video tutorial del desarrollador, que hace un buen trabajo guiando a los nuevos usuarios a través de las diversas herramientas del programa. Navegamos a una página web personal y 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 mostradas: Estilo, Computado y DOM, con DOM mostrando información completa de Java. Siguiendo las instrucciones del tutorial, pudimos alterar 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 abría la herramienta de Hojas de Estilo en Cascada y un menú desplegable en la barra de tareas principal que lista todos los sitios asociados para inspección.

Firebug Lite para Chrome hace demasiado como para cubrirlo todo adecuadamente aquí, pero todo lo que realmente necesitas saber es esto: es gratuito, se integra a la perfección con Chrome y funciona muy bien.