Firebug

¿Qué es Firebug?

Firebug es una excelente herramienta que todo webmaster debería tener. Encapsulado en forma de plugin para firefox, firebug es no solo un inspector de la estructura de DOM, este permite hacer cambios y guardarlos.

Una de sus mejores recursos es la posibilidad de debugear javascript y las llamadas a través de ajax, analizando los paquetes de post y get que son enviados, así como la contestación recibida. Por excelencia la mejor herramienta de este tipo, si aun no la tienes te recomiendo que la uses, puedes descargarla desde su página oficial aquí. Veras que después de usar firebug tu vida como webmaster cambiara radicalmente.

Si eres diseñador y tu fuerte es el estilo en cascada. Firebug analiza CSS y te indica que clase o atributos tiene puesto un elemento de tu página, te indica en que archivo se encuentra y en que línea está. Mejora tu velocidad de desarrollo con firebug.

¿Qué más puede hacer firebug?

Ya he mencionado algunas cosas pero vamos dejando claro todo lo que firebug hace por ti.

• Firebug permite que des un vistazo a tu código html y puedas cambiarlo al aire y obtener un resultado visual de lo que estas haciendo.
• Firebug te da el acceso más claro a tus css, solo tienes que poner el cursor en la línea de html que desees y ver en el inspector de css que atributos existen, modificarlos y ver el resultado en tiempo real y de manera visual.
• Firebug mide por ti, si tienes problemas con la combinación width, border, margin, padding, heigth. Firebug te puede decir exactamente cuanto esta tomando un elemento en tu página solo usa el inspector métrico.
• Por si no ha sido bastante la ayuda firebug cuenta con un analizador o monitor de actividad de red, el cual te indica cuanto tardo en descargar cada elemento que tu web necesito para desplegarse, te da tiempo, peso del archivo y si se pudo descargar o no. Usa su el monitor de firebug para ver que archivos estan retrasando tu web.
• Aquí viene lo mejor, firebug te marca rápidamente cualquier error de javascript que tenga tu página web, te dice en que archivo está y la línea en la que se encuentra.
• Si lo deseas con firebug puedes ejecutar código javascript escribiéndolo en la consola y ver que resultado se logra.
• Por último firebug te permite poner logs para ayudarte con tu javascript.

Un vistazo a Firebug

Enviado por joe el Mar, 03/31/2009 - 13:39.

• Versión para impresión
• Inicie sesión para enviar comentarios
• Send to friend
• PDF version