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.
Una vez abierto podemos ver todo el código html, css, los scripts, cuando vayamos pasando el cursor sobre los distintos elementos de nuestra página web este se destacará en el código abierto, facilitando el que localicemos los elementos que queremos modificar.
Una vez que lo tenemos podemos hacer cambios en los css, js y html y ver los cambios en el momento y de esta forma comprobar que lo que estamos haciendo es realmente lo que queremos hacer.
Una vez tenemos los cambios hechos podemos copiar el código y copiarlo en nuestro editor y actualizar la web!