Complementos do Firefox

Question

Quais complementos do Firefox você usa que são úteis para programadores?

Answer 1

Acho que é bobagem mencionar o Firebug - duvido que algum de nós possa viver sem ele.Fora isso, eu uso o seguinte (listando apenas relacionado ao desenvolvimento):

• Console²:console de erro de próxima geração
• Inspetor DOM:como o título pode indicar, permite navegar no DOM
• Editar cookies:mude os cookies na hora
• Execute JS:execução ad hoc de Javascript
• Guia IE:renderizar uma página no IE
• Inspecione isto:traz o objeto selecionado para o inspetor DOM
• Visualização JS:exibir javascript e CSS vinculados
• LORI (Vida útil da solicitação de informações):mostra quanto tempo leva para renderizar uma página
• Meça isto:uma régua pop-up.
• Parâmetros de URL:mostra variáveis ​​GET e POST
• Desenvolvedor Web:uma infinidade de ferramentas para o desenvolvedor web

Answer 2

Aqui estão os meus (centrado no desenvolvedor):

1. Firebug - uma infinidade de ferramentas para aumentar a produtividade, inclui depurador javascript, inspetor DOM, permite editar CSS/HTML em tempo real, o que é altamente valioso para solucionar problemas de layout e exibição.

2. Desenvolvedor Web - novamente outra excelente ferramenta de produtividade para desenvolvedores.Eu o uso principalmente para validar páginas rapidamente, desabilitar javascript (sim, eu desativo javascript às vezes, não é?), visualizar cookies, etc.

3. Adulteração de dados - permite alterar cabeçalhos http, valores de formulário, cookies, etc.antes de postar de volta em uma página ou de obter uma página.Incrivelmente valioso para cutucar e cutucar suas páginas e ver como seu aplicativo da web responde quando usado com intenções ligeiramente maliciosas.

4. Depurador JavaScript - possui mais alguns recursos do que o depurador javascript fornecido pelo firebug.Embora eu deva admitir, eu uso este com moderação, já que o firebug me conquistou em grande parte.

5. Cabeçalhos HTTP ativos - inestimável para solução de problemas, use-o com frequência.Permite espionar todos os cabeçalhos HTTP comunicados entre cliente e servidor.Isso me ajudou a rastrear problemas nefastos, especialmente ao depurar problemas ao implantar seu aplicativo da web entre ambientes.

6. Espião de cabeçalho - ótimo complemento para os tipos geeks, mostra o servidor web e a plataforma em que um site é executado na barra de status.

7. Meça isto - Não uso isso com muita frequência, mas ainda acho que é valioso de vez em quando.

8. ColorZilla - novamente, não é algo que eu uso com tanta frequência, mas quando preciso, eu preciso.Valioso quando você deseja saber uma cor e não deseja vasculhar um arquivo CSS ou abrir um aplicativo de edição gráfica para incorporar uma cor em alguma imagem.

9. Adicionar N Editar Cookies - esta tem sido uma ótima ferramenta de depuração em web farms onde o balanceador de carga grava um cookie e usa o valor do cookie para manter sua sessão "fixa".Isso me permitiu alternar à vontade entre servidores para rastrear problemas em máquinas específicas.Também é uma boa ferramenta se você quiser tentar mexer em um site que usa cookies para rastrear seu status/conta de login e quiser ver como seu código responde a informações malformadas ou hackeadas.

10. Ferramenta de visualização do Yellowpipe Lynx - sim, eu sei o que você está pensando, lince, quem precisa disso, é tão 1994.Mas se você estiver desenvolvendo um site que precisa levar em consideração a acessibilidade da web (ou seja, acessível a usuários com deficiência visual que usam leitores de tela), ou se precisar ter uma noção de como um web spider/indexador "vê" seu site, esta ferramenta é inestimável.Concedido, você sempre pode simplesmente sair e pegar Lynx para vocêaqui está a porta do Windows XP que eu uso.

Tenho vários outros complementos que uso de vez em quando e que mencionarei rapidamente:FireFTP (um que instalei não era estável e não tentei uma versão mais recente), Html Validator (também achei este instável, pelo menos quando instalei há um ano), IE Tab (normalmente tenho apenas IE e O FireFox abre simultaneamente, mas sou só eu, conheço muitos outros que consideram este complemento útil).

Answer 3

Eu também recomendaria o Desenvolvedor Web extensão de Chris Pederick.

Answer 4

No que diz respeito ao desenvolvimento web, especialmente para javascript, acho Bug de fogo ser inestimável. Barra de ferramentas do desenvolvedor web também é muito útil.

Answer 5

Os que eu tenho são...

• Y-Lento
• Cabeçalhos ao vivo
• Bug de fogo
• Inspetor Dom

Answer 6

Um que ainda não foi mencionado é este Validador HTML extensão que achei muito útil.

Answer 7

@Flávio Amieiro

MeasureIt é uma extensão desnecessária se você instalar a barra de ferramentas do desenvolvedor da Web.A Barra de Ferramentas do Desenvolvedor Web inclui uma régua como um de seus recursos.Debaixo de "Miscellaneous"categoria para Web Developer clique na opção"Display Ruler" para usar uma régua idêntica à do MeasureIt.

Isso permitirá reduzir o número de extensões necessárias em pelo menos uma.

Answer 8

Complementos do Firefox:

1. FireBug: ajuda desenvolvedores e designers web a testar e inspecionar código front-end.Ele nos fornece muitos recursos úteis, como um painel de console para registrar informações, um inspetor DOM, informações detalhadas sobre os elementos da página e muito, muito mais.

2. Web Developer - oferece a capacidade de desabilitar CSS, editar CSS dinamicamente, medir certas áreas de uma página e muito mais.

3. O Colorzilla basta clicar no ícone, pairar sobre a área para a qual você gostaria de conhecer a cor hexadecimal e clique em.

4. RESIDER DO JANELA para garantir que o layout seja exibido corretamente nas resoluções padrão de hoje.

5. Total Validator Validando sites muito mais fácil, verificando HTML, Links, CSS e fazendo muito mais.

Answer 9

Desenvolvedor Web para desenvolvimento web. Escribafire se você é um blogueiro-programador

Answer 10

Para desenvolvimento web eu uso o Barra de ferramentas do desenvolvedor web, Visualizador CSS e Meça isto.

Mas realmente não sou daqueles que tem mil extensões para fazer tudo.Eu gosto de manter as coisas simples.

EDITAR:Graças a A resposta de Dan Não preciso mais do MeasureIt.Não acredito que nunca vi isso!Acho que terei que prestar mais atenção a esta barra de ferramentas do WebDeveloper.

Answer 11

Adicionando às listas de todos, Adulteração de dados é bastante útil, permite interceptar solicitações e alterar os dados nelas contidos.Ele pode ser usado para ignorar a validação de javascript e verificar se o lado do servidor está fazendo seu trabalho.

Answer 12

eu uso Desenvolvedor Web, é uma verdadeira economia de tempo.

Answer 13

• +1 para LORI ("informações sobre a vida da solicitação").É uma alternativa muito conveniente para medições aproximadas do tempo de carregamento de uma página da web específica - o tipo de coisa para a qual você poderia usar um cronômetro externo.

• Página inicial da nova guia.Combinado com uma página inicial do tipo "discagem rápida" (uma página pessoal de carregamento rápido com links que você usa com frequência), ajuda você a chegar onde deseja com mais rapidez ao abrir uma nova guia do navegador.

• Última aba.Altera o comportamento de Ctrl+Tab para permitir que você navegue entre as guias usadas mais recentemente pressionando repetidamente Ctrl+Tab, da mesma forma que Alt+Tab funciona no Windows.Também fornece uma bela visualização de todas as guias abertas enquanto Ctrl ainda está pressionado para facilitar a navegação.(O comportamento resultante é muito semelhante ao comportamento Ctrl+Tab em versões recentes do Visual Studio.)

Answer 14

FireFTP é bom para capturar/carregar quaisquer arquivos necessários.

Answer 15

Acho o Hackbar bastante útil.Muito útil se você deseja editar a parte da string de consulta do URL, para testar vulnerabilidades ou apenas outros tipos gerais de testes onde você pode acabar com valores complicados de string de consulta.

Answer 16

Eu estava aprendendo o inspetor DOM, mas mudei para o Firebug.

Answer 17

Alguns dos que foram perdidos acima estão aqui

• Analisador de tempo de carregamento – Visualize gráficos detalhados do tempo de carregamento de páginas da web no firefox.Os gráficos exibem eventos como solicitações de página, tempos de carregamento de imagens, etc.

• Poster – Uma ferramenta obrigatória para desenvolvedores web, permitindo-lhes interagir com serviços web e outros recursos web.

• Porco-da-terra – Uma extensão interessante para desenvolvedores e designers web, permite visualizar atributos CSS, id, classe, destacando o elemento da página individualmente.

Answer 18

Violinista é um ótimo proxy de depuração.Pense nisso como uma versão mais poderosa do painel "Net" no Firebug ou nos cabeçalhos Live HTTP.

Costumava ser uma extensão exclusiva do IE, agora também possui ganchos para o Firefox.

Answer 19

Velocidade no solo, é útil para testar o código do lado do servidor.Ele foi criado para testes de validação de entrada durante pentest, mas pode ser útil para qualquer teste que exija manipulação de entrada (semelhante ao TamperData).

Ele permite controlar os elementos do formulário na página, você pode alterar seu tipo e outros atributos (tamanho, comprimento, manipuladores de eventos javascript, etc).Por exemplo, você pode alterar um campo oculto ou selecionar uma caixa de texto e inserir qualquer valor para testar a resposta do servidor e coisas assim.