5 Firefox Addons for the Average Web Developer 5 Extensiones de Firefox para el Promedio Web Developer

You won’t find any super-advanced addons for “extracting strings from xml and javascript files to simplify mozilla application localization process” or “debug running applets and Java Webstart application” in this list. Usted no encontrará ningún super-avanzada addons para "la extracción de las cadenas de xml y javascript archivos para simplificar la aplicación mozilla proceso de localización" o "depuración en funcionamiento applets y aplicaciones Java WebStart" en esta lista. These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites. Estas extensiones están destinados para "el resto de nosotros" - personas que de mala gana, tenemos que editar nuestros propios sitios web.

MeasureIt

MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. le permite poner rápidamente en una pantalla "regla" para medir las secciones de su sitio. Quickly determine the space between certain sections, indents etc. Determinar rápidamente el espacio entre determinados sectores, guiones, etc

Quick Usage Instructions Quick las instrucciones de uso
1. Click the MeasureIt button in the bottom right corner of Firefox Haga clic en el botón MeasureIt en la esquina inferior derecha de Firefox



2. Click and drag the area you want to measure. Haga clic y arrastrar el área que desea medir.



lori Lori

lori Lori stands for “Life-of-request info”. significa "la vida de Solicitud de información". What it does is tell you valuable info on how long it takes for your page to display, how large it is, and how many requests were made to load the page. Lo que hace es decirle valiosa información sobre el tiempo que toma para su página para mostrar, cómo es grande, y ¿cuántas de esas solicitudes fueron formuladas para cargar la página.

The first number displayed is the time it took to see the first byte returned from the server (from your click to the first byte received by your browser). El primer número que aparece es el tiempo que tardó para ver el primer byte devuelto desde el servidor (de su click al primer byte recibido de su navegador). It’s displayed in seconds (up to the thousandth of a second). Es que aparece en segundos (hasta la milésima de segundo).

The second number is how long it took to display the page (from your click to the complete rendering of the page). 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). Again, the time is displayed in seconds, up to the thousandth of a second. Una vez más, la hora se muestra en segundos, hasta la milésima de segundo.

The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). El tercer número que aparece es el total de tamaño de página (número de bytes / kilobytes o megabytes utiliza para mostrar la página). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Este valor incluye tanto bytes descargue de los bytes del servidor y descargue de la caché de los navegadores.

The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). El cuarto y último número es el número total de "solicitudes" que se utiliza para descargar el contenido de la página (imágenes, hojas de estilo, javascript, etc.) Again, this value includes both data downloaded from the server and cache requests. Una vez más, este valor incluye tanto los datos transferidos desde el servidor caché y peticiones.



Source Viewer Tab Fuente Viewer ficha

Source Viewer Tab Fuente Viewer ficha is a simple but extremely helpful addon. es un sencillo pero extremadamente útil addon. When you select View Source (or View Selected Source it opens the source view in a new tab, instead of a new Firefox window. If that weren’t enough, it also allows you to specify a totally different application to view your source with (Notepad, TextEdit - whatever your HTML editor of choice is). Cuando se selecciona Ver código fuente (o Ver fuente seleccionada se abre la fuente vista en una nueva pestaña, en lugar de una nueva ventana de Firefox. Si eso no fuera suficiente, también le permite especificar una aplicación totalmente diferente a la vista con su fuente ( Notepad, TextEdit - sea cual sea su editor HTML de elección es).


Source Viewer Tab settings Fuente Viewer pestaña configuración


Source Viewer Tab displaying HTML source in a tab Fuente Tab Viewer mostrar código fuente HTML en una pestaña

IE View Lite Es decir, vista Lite

IE View Lite Es decir, vista Lite is fairly self explanatory. es bastante explicativo. It allows you to view a page in IE. Le permite ver una página en IE. It has a couple of added benefits vs. similar addons. Tiene un par de ventajas añadidas frente a similar addons. 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1) Es más pequeño y 2) Permite que usted especifique en lugar de Safari es decir, si usted está usando OS X.

Right-click a blank spot on any web page and select View This Page in IE to do just that. Haga clic derecho en un terreno en blanco en cualquier página web y seleccione Ver esta página en IE para hacer precisamente eso.



To use Safari instead of IE (OS X only), change the Internet Explorer Location to /usr/bin/open and add -a Safari to the Parameters field. Para utilizar Safari en lugar de IE (OS X únicamente), cambiar el Internet Explorer Situación a / usr / bin / abrir y agregar a un Safari a los parámetros sobre el terreno.


IE View Lite set to use Safari IE View Lite configurado para utilizar Safari

Firebug

Firebug is without question the most advanced addon in this list. es sin duda la más avanzada addon en esta lista. Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff. Aunque es capaz de hacer un montón de "expertos" las cosas, es también muy útil para averiguar cosas básicas. I’ve been using it a lot lately (new theme on Simple Help) to determine which part of the .css file is causing things to render the way they do. He utilizado es mucho últimamente (nuevo tema a simple Ayuda) para determinar qué parte de la. Css archivo está causando cosas que hacen que la forma en que hacemos. Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. tiene un buen tutorial sobre cómo empezar a Firebug si la interfaz parece un poco intimidante. For what it’s worth, Firebug has saved me hours of frustration over the last week alone. ¿Para qué vale la pena, Firebug me ha ahorrado horas de frustración durante la última semana solo.


click to enlarge click para ampliar