
El mundo del desarrollo WEB ha tenido ciertamente un hito que ha marcado un antes y un después: Firebug.
Cuando aprendes a sacarle rendimiento a esta extensión para Firefox, no llegas a comprender como pudiste sobrevivir sin ella. Hagamos una lista de las cosas que nos facilitarían la vida a los desarrolladores WEB:
- Acceder con un clic al código HTML de un elemento concreto de la página.
- Navegar por el código HTML de la página y que se vaya marcando en la página los elementos.
- Ver las reglas CSS's que se le aplican a un elemento, poder manipularlas en tiempo real para ver como queda la página.
- Poder ver visualmente el "Box model" de un elemento e interactual con él.
- Ver el DOM de un elemento concreto (todas sus propiedades, sus hijos, etc.)
- Poder DEPURAR el Javascript, puntos de ruptura, ejecución paso a paso, valor de las variables al poner el ratón encima, ventana de Watch, Profiler con rendimiento de las funciones javascript.
- Histórico de peticiones y respuestas AJAX de la página.
- Indicador y localizador de la línea javascript que produce errores en tiempo de ejecución.
- Estudiar los tiempos de carga de la página, elementos css's, imagenes, javascript.
Descripción en español http://www.tufuncion.com/firebug.
El padre de la criatura http://getfirebug.com/