5 Firefox Addons for the Average Web Developer 5 Firefox Addons para a média desenvolvedor da web

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. Você não encontrará qualquer super-avançadas addons para "extrair seqüências de arquivos xml e javascript para simplificar mozilla aplicação localização processo" ou "debug e executar applets Java Webstart pedido" nesta lista. These addons are intended for “the rest of us” - people who grudgingly have to edit our own web sites. Estes addons são destinados para "o resto de nós" - pessoas que têm grudgingly para editar os nossos próprios sites.

MeasureIt

MeasureIt allows you to quickly bring up an on-screen “ruler” to measure sections of your site. permite-lhe levar até uma rápida na tela "régua" para medir seções do site. Quickly determine the space between certain sections, indents etc. Determinar rapidamente o espaço entre algumas secções, travessões etc

Quick Usage Instructions Quick instruções de uso
1. Click the MeasureIt button in the bottom right corner of Firefox Clique no botão MeasureIt no canto inferior direito do Firefox



2. Click and drag the area you want to measure. Clique e arraste a área que deseja medir.



lori Lori

lori Lori stands for “Life-of-request info”. significa "Vida-de-solicitar informações". 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. Aquilo que se pretende é dizer-lhe informações valiosas sobre quanto tempo leva para a sua página para mostrar, como é grande, e como muitos pedidos foram feitos para carregar a 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). O primeiro número mostrado é o tempo que levou para ver o primeiro byte devolvidos a partir do servidor (a partir de seu clique para o primeiro byte recebido pelo seu navegador.) It’s displayed in seconds (up to the thousandth of a second). Ele é exibido em segundos (até o milésimo de segundo).

The second number is how long it took to display the page (from your click to the complete rendering of the page). O segundo número é quanto tempo levou para exibir a página (a partir de seu clique para completar a renderização da página). Again, the time is displayed in seconds, up to the thousandth of a second. Novamente, o tempo é exibido em segundos, até ao milésimo de segundo.

The third number displayed is the total page size (number of bytes/kilobytes/megabytes used to display the page). A terceira série é exibida a página tamanho total (número de bytes / kilobytes / megabytes utilizado para exibir a página). This value includes both bytes fetched from the server and bytes fetched from the browsers cache. Esse valor inclui tanto bytes obtida a partir do servidor e bytes obtido a partir da browsers cache.

The forth and final number is the total number of “requests” used to fetch the page content (images, style-sheet, javascript etc). O quarto e último número é o número total de "pedidos" utilizado para buscar a página de conteúdo (imagens, a folha de estilo, javascript etc). Again, this value includes both data downloaded from the server and cache requests. Mais uma vez, este valor inclui tanto os dados descarregados a partir do servidor e cache pedidos.



Source Viewer Tab Fonte telespectador guia

Source Viewer Tab Fonte telespectador guia is a simple but extremely helpful addon. é uma simples, mas extremamente útil complemento. 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). Quando você selecionar View Source (ou Ver fonte seleccionados, abre a fonte em vista uma nova guia, em vez de uma nova janela do Firefox. Se isso não fosse suficiente, ele também permite que você especifique uma aplicação totalmente diferente de ver a sua fonte ( Bloco de notas, TextEdit - seja qual for a sua escolha é editor de HTML).


Source Viewer Tab settings Fonte telespectador guia configurações


Source Viewer Tab displaying HTML source in a tab Fonte Viewer Tab exibindo fonte HTML em uma guia

IE View Lite IE View Lite

IE View Lite IE View Lite is fairly self explanatory. é bastante auto-explicativo. It allows you to view a page in IE. Ele permite a visualização de uma página no IE. It has a couple of added benefits vs. similar addons. Ele tem um casal de mais benefícios semelhantes addons vs. 1) It’s smaller and 2) It allows you specify Safari instead of IE if you’re using OS X. 1) É o menor e 2) Permite-lhe especificar o Safari em vez do IE se você estiver usando o OS X.

Right-click a blank spot on any web page and select View This Page in IE to do just that. Clique com o botão direito em qualquer local em branco uma página da Web e selecione visualizar esta página no IE para fazer exatamente isso.



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 usar o Safari em vez do IE (OS X apenas), mude para o Internet Explorer Local / usr / bin / aberto e adicione-os parâmetros para um Safari campo.


IE View Lite set to use Safari IE View Lite conjunto de usar Safari

Firebug

Firebug is without question the most advanced addon in this list. É sem dúvida o mais avançado addon nesta lista. Though it’s capable of doing a lot of “expert level” things, it’s also very handy for figuring out basic stuff. Embora ele é capaz de fazer um monte de "nível técnico" coisas, é também muito útil para quantificar esse material básico. 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. Eu tenho usado é muito ultimamente (novo tema em Ajuda Simples) para determinar qual a parte do. Css arquivo está causando coisas para tornar a sua forma de fazer. Webmonkey has a good tutorial on getting started with Firebug if the interface seems a bit daunting. tem um bom tutorial para começar a utilizar a interface Firebug se parece um pouco assustador. For what it’s worth, Firebug has saved me hours of frustration over the last week alone. Por que é que vale, Firebug já salvou-me horas de frustração ao longo das últimas semanas sozinho.


click to enlarge clique para ampliar