Como informáticos estamos constantemente creando, modificando, y editando código. Esto requiere tiempo, y muchas veces la optimización del tiempo puede ser algo fundamental para un informático.

Con Firebug todo es más sencillo y ya te darás cuenta todo el tiempo que ganaras al utilizarlo.

Firebug es un plugin para Firefox enfocado al “Web Developer” el cual nos facilita el trabajo a la hora de  desarrollar, depurar, evaluar, y encontrar errores en nuestros sitios web. Pudiendo tener bajo control la edición del CSS Y HTML de nuestro sitio web en tiempo real.

Demos un paseo por las principales características que nos brinda esta llamativa herramienta:

Edición de HTML y CSS en tiempo real: Una de las características mas resaltante de Firebug es permitir tener acceso al código fuente y poder editarlo con flexibilidad, observando a tiempo real los cambios hechos. A la vez incluye un modo “Inspeccionar” el cual nos conecta con nuestro sitio web, y basta con hacer click en alguna parte especifica y firebug destacará en que parte del código se encuentra dicha instrucción o propiedad. Además permite activar la opción autocompletado de código.

Visor de colores e imágenes: Esta herramienta me pareció de mucha utilidad, basta con situar el puntero de nuestro mouse por encima de alguna línea de código que contenga una imagen o color y este desplegara un cuadrado mostrando la tonalidad del color o la imagen. Muy útil para editar código CSS.

Tiempo de carga de página: Un factor importante en un pagina web es que el sitio cargue todo su contenido lo más rápido posible, pero ¿Como saber que archivo está afectando la carga de nuestro sitio?, fácil Firebug incluye un monitoreo de carga de paginas el cual no indica el tiempo de carga por cada archivo que tengamos alojados en nuestro sitio.

Depurador de Javascript: En este punto Firebug saca su potencial a luz. Podemos buscar los scripts fácilmente y pausarlos en el momento que nosotros queramos. También detecta exactamente en qué línea de código existe un error y también mide el tiempo de carga de cada función.

Instalar Firebug ahora.

Capturas:

Firebug

Firebug


Ultimos 5 artículos escritos por Sama