5 Addons do firefox para o desenvolvedor web média

Você não vai encontrar nenhuma complementos super-avançadas para “extrair cordas de XML e javascript arquivos para simplificar o processo de localização de aplicativos Mozilla” ou “applets de depuração em execução e aplicação Java Webstart” nesta lista. Estes complementos são destinados para “o resto de nós” - pessoas que de má vontade tem que editar os nossos próprios sites.

Meça isto

MeasureIt permite trazer rapidamente um “governante” na tela para medir seções de seu site. determinar rapidamente o espaço entre algumas seções, travessões etc.

Instruções de utilização rápida
1. Clique no botão MeasureIt no canto inferior direito do Firefox



2. Clique e arraste a área que deseja medir.

Lori

Lori significa “info Life-of-request”. O que ele faz é dizer-lhe informações valiosas sobre quanto tempo leva para sua página para exibir, o quão grande ele é, e quantos pedidos foram feitos para carregar a página.

O primeiro número exibido é o tempo que levou para ver o primeiro byte retornado do servidor (a partir de seu clique para o primeiro byte recebido pelo seu navegador). É exibido em segundos (até ao milésimo de segundo).

O segundo número é o tempo que levou para exibir a página (de seu clique para a prestação completa da página). Mais uma vez, o tempo é exibido em segundos, até o milésimo de segundo.

Video: VLC Mozilla Plugin

O terceiro número apresentado é o tamanho total da página (número de bytes / kilobytes / megabytes utilizados para apresentar a página). Este valor inclui tanto bytes buscados do servidor e bytes obtido a partir da cache de navegadores.

O número adiante e final é o número total de “pedidos” usado para buscar o conteúdo da página (imagens, estilo folhas, javascript etc). Mais uma vez, este valor inclui tanto os dados baixados das solicitações do servidor e cache.

Fonte Tab Visualizador

Source Viewer Tab é um addon simples, mas extremamente útil. Quando você seleciona Ver Fonte (ou Ver fonte selecionada ele abre a exibição da fonte em uma nova aba, em vez de uma nova janela do Firefox. Se isso não bastasse, ele também permite que você especifique uma aplicação totalmente diferente para ver sua fonte com (Notepad, TextEdit - seja qual for o seu editor HTML de escolha é).

configurações Source Viewer Tab

Fonte Tab Visualizador exibindo fonte HTML em uma guia

Video: CoNdiZe Videos: Best Firefox Security Add-ons HD

IE View Lite

IE View Lite é bastante auto-explicativo. Ele permite que você exibir uma página no IE. Tem um par de benefícios versus complementos semelhantes. 1) É menor e 2) Ele permite que você especifique Safari em vez do IE se você estiver usando OS X.

clique com o botão direito em um lugar vazio em qualquer página web e selecione Ver esta página no IE para fazer exatamente isso.

Para usar o Safari em vez do IE (apenas OS X), altere o Internet Explorer Localização para / Usr / bin / open e adicione -um Safari ao parâmetros campo.

IE View Lite configurado para usar Safari

Firebug

Firebug é sem dúvida o addon mais avançado nesta lista. Apesar de ser capaz de fazer um monte de coisas “nível de peritos”, é também muito útil para descobrir coisas básicas. Eu tenho usado muito ultimamente (novo tema na Ajuda Simples) para determinar qual parte do arquivo CSS está causando coisas para tornar a maneira que eles fazem. Webmonkey tem um bom tutorial sobre como começar com o Firebug se a interface parece um pouco assustadora. Por que vale a pena, Firebug me salvou horas de frustração por si só a última semana.

Clique para ampliar