5 Complementos de firefox para el desarrollador web promedio

Usted no encontrará complementos súper avanzada de “cuerdas de extracción de XML y javascript archivos para simplificar el proceso de localización de aplicaciones Mozilla” o “applets de depuración de funcionamiento y aplicación Java Webstart” en esta lista. Estos complementos son para “el resto de nosotros” - personas que tienen mala gana para editar nuestros propios sitios web.

Mídelo

MeasureIt le permite llevar rápidamente una “regla” en pantalla para medir secciones de su sitio. determinar rápidamente el espacio entre ciertas secciones, guiones, etc.

Instrucciones de uso rápido
1. Haga clic en el botón MeasureIt en la esquina inferior derecha de Firefox



2. Haga clic y arrastre el área que desea medir.

lori

Lori es sinónimo de “info vida útil de la solicitud”. Lo que hace es decirle valiosa información sobre el tiempo que tarda la página para mostrar, lo grande que es, y cómo se hicieron muchas peticiones para cargar la página.

El primer número que aparece es el tiempo que le llevó a ver el primer byte devuelto por el servidor (de su haga clic con el primer byte recibido por el navegador). Se muestra en segundos (hasta la milésima parte de un segundo).

El segundo número es el tiempo que tomó para mostrar la página (de su clic a la prestación completa de la página). De nuevo, el tiempo se muestra en segundos, hasta la milésima de segundo.

El tercer número mostrado es el tamaño total de la página (número de bytes / kilobytes / megabytes utilizados para mostrar la página). Este valor incluye dos bytes recoger del servidor y los bytes en la cache de los navegadores.

El número cuarto y último es el número total de “peticiones” que se utilizan para buscar el contenido de la página (imágenes, hojas de estilo, javascript, etc). Una vez más, este valor incluye tanto los datos descargados desde el servidor solicita y caché.

Fuente pestaña Visor

Fuente Visor Tab es un complemento simple pero muy útil. Al seleccionar Ver fuente (o Ver código fuente seleccionada se abre la vista de origen en una nueva pestaña, en lugar de una nueva ventana de Firefox. Si esto no fuera suficiente, sino que también le permite especificar una aplicación totalmente diferente para ver su origen con (Bloc de notas, edición de textos - cualquiera que sea su editor HTML de elección es).

configuración de la fuente del visor Tab

Fuente Visor Tab mostrar código HTML en una pestaña

IE View Lite

IE View Lite es bastante explica por sí mismo. Se le permite ver una página en IE. Tiene un par de ventajas añadidas frente a complementos similares. 1) Es más pequeño y 2) Permite especificar Safari en lugar de IE si usted está utilizando OS X.

clic derecho en un espacio vacío en cualquier página web y seleccionar Ver esta página en IE para hacer precisamente eso.

Para utilizar Safari en lugar de IE (sólo OS X), cambiar la Internet Explorer Localización a / Usr / bin / abierto y añada -un safari al parámetros campo.

IE View Lite configurado para utilizar Safari

Firebug

Firebug es sin duda el complemento más avanzado en esta lista. A pesar de que es capaz de hacer muchas cosas “nivel de expertos”, que es también muy útil para averiguar cosas básicas. He estado usando mucho últimamente (tema nuevo en Ayuda simple) para determinar qué parte del archivo .css está causando cosas para hacer que la manera que lo hacen. Webmonkey tiene un buen tutorial sobre cómo empezar con Firebug si la interfaz parece un poco desalentador. Por lo que vale la pena, Firebug me ha ahorrado horas de frustración durante la última semana solamente.

Click para agrandar