Firebug es una herramienta muy útil si lo que utilizas para navegar y programar tus páginas web es Firefox, pero con la nueva popularidad de Chrome, todos los usuarios de este navegador necesitan una alternativa.

Google te ofrece una opción muy buena con sus ‘Developer Tools’ de Chrome, que replican mucha de la funcionalidad que te ofrece Firebug, incluyendo inspector de páginas para estudiar el DOM, una consola de JavaScript con debugeador, y herramientas para determinar por qué tus páginas cargan lentamente.

Estas herramientas de Google ya vienen instaladas en Chrome y para activarlas solo tienes que ir al menú de developer y seleccionar ‘Developer Tools’ o tecleando CTRL+Shift+I:

Developer Tools en ChromeDeveloper Tools en Chrome

Ejemplo de los elementos de una página:

Elementos en la paginaElementos en la pagina

La pestaña que te indica velocidad de carga y número de archivos y elementos:

Resources de la paginaResources de la pagina