Si eres desarrollador, seguramente ya conozcas este complemento para firefox, una herramienta indispensable pàra el análisis y depuración del código de nuestras páginas web.
Algunas de sus principales funcionalidades son:
- Edición de HTML en tiempo real: Firebug nos permite ver el código fuente y editarlo mientras vemos como quedan los cambios, destacando las modificaciones realizadas. Tiene un buscador integrado y nos permite exportar los cambios fácilmente.
- Inspecciona tu hoja de estilos: podremos editar los estilos en tiempo real y autocompletar las propiedades. Además dispone de una interfaz muy intuitiva.
- Monitorea el tiempo de carga de las páginas: Esta extensión nos ayudará a averiguar el tiempo de carga mostrando cada petición realizada al sitio y los segundos de demora en obtenerla.
- Depurador de Javascript: Con Firebug podemos buscar los scripts fácilmente y pausarlos en cualquier momento. Detecta en qué linea de código existe un error y mide el tiempo de carga de cada función.
Podremos acceder a la ventana de firebug haciendo click en el icono de firebug que en las últimas versiones podemos encontrar en la zona superior derecha de la ventana de firefox. También podremos hacer click con el botón derecho sobre el elemento que queremos inspeccionar, lo que nos abrirá el inspector de código centrado en esta zona de la página web.