Recomendações de ferramentas complementares do navegador para ajudar no desenvolvimento [fechado]

Question

Alguém pode sugerir algumas boas ferramentas/extensões complementares de navegador para ajudar no desenvolvimento?Tenho o firebug instalado no Firefox o que é ótimo para lidar com CSS, HTML e javascript;alguma outra sugestão?

Bug de fogo

Answer 1

Raposa de fogo:

• Inspecione isto se você usar o DOM Inspector
• Meça isto por informar as distâncias dos pixels (se você precisar)
• Visualização do IE ou Vista Safári para facilitar o teste em outros navegadores
• Validador HTML se você se preocupa com validação
• Console² para melhorar seu console de erros js
• O Concha Javascript bookmarklet também é útil (e veja os outros lá também)

Editar:Isto é além do Barra de ferramentas de desenvolvimento web mencionado por outros

Answer 2

Para Firefox:

Bug de fogo é incrível para investigação e desenvolvimento.

Barra de ferramentas do desenvolvedor web é bom também.Realmente ajuda com CSS e layout de página e muito mais.

Eu também uso Cabeçalhos HTTP ativos (Acho que se chama, mas está na minha máquina de trabalho, então não consigo encontrar o link agora).O que nos ajudou com problemas de cache e coisas do gênero.

Eu desenvolvo muito celulares, então também uso Alternador UserAgent.Muito útil para fingir ser telefones celulares diferentes.

Costumo usar o Firefox apenas para desenvolvimento e apenas testar em outros navegadores, pois a maioria não possui a extensa variedade de plug-ins para auxiliar no desenvolvimento que o Firefox possui.

Answer 3

O outro item obrigatório para o Firefox é o de Chris Pederick Barra de ferramentas do desenvolvedor web.

Answer 4

Definitivamente, você deveria instalar o Safari.Possui várias ferramentas integradas.Eu o uso em combinação com outros navegadores o tempo todo.

• Linha do tempo da rede
• Console de erros
• Inspetor da Web
• Editor de trechos

Além disso, permite definir o agente do usuário para suas solicitações.

Considere isto, ele tem um menu de nível superior separado chamado Desenvolver.

Answer 5

A ópera tem:

Dragonfly (ferramentas -> avançadas -> ferramentas de desenvolvedor)

Menu de depuração

Métodos UserJS para interceptar coisas

opera:config#CompatMode%20Override para forçar peculiaridades ou modo padrão

Widgets para desenvolvedores web

Você pode visualizar a origem dos arquivos, editá-los, aplicar alterações e recarregar do cache.

Answer 6

No caso do IE, as próximas ferramentas podem ser úteis

• Barra de ferramentas do desenvolvedor Microsoft - visualizador de estilos |
• Depurador HTTP Fiddler -monitor http
• Fonte instantânea - visualizador de estilos |
• Companheiro.JS - visualizador de dom|styles, console de erro estendido

A extensão "uber" para IE - "Developer Tools", fornecida como parte do IE8

Answer 7

Console do desenvolvedor e Instantâneo DOM para Ópera:

http://dev.opera.com/tools/

O incrível é que esses são bookmarklets implementados com JS.O problema é que eles exigem Internetz.

Answer 8

Raposa de fogo:

Inspecione isto se você usar o DOM Inspector

Meça-o para informar as distâncias em pixels (se você precisar)

IE View ou Safari View para facilidade de teste em outros navegadores

Validador HTML se você se preocupa com validação

Console2 para melhorar seu console de erros js

O bookmarklet Javascript Shell também é útil (e veja os outros lá também)

Isto é um acréscimo à barra de ferramentas de desenvolvimento web mencionada por outros

Esta lista de Cebjyre está quase completa (já que o FireBug já foi mencionado na pergunta).eu só acrescentaria Adulteração de dados.De vez em quando é muito útil.

Answer 9

Aqui estão meus complementos orientados ao desenvolvimento para Firefox 3:

1. Desenvolvedor Web
2. Bug de fogo
   1. Biscoito de fogo
   2. FirePHP
   3. Arco-íris
3. Adulteração de dados
4. Poster
5. FireFTP
6. Recarregar a cada
7. IDE Selênio

Answer 10

YLento é um ótimo complemento do Firebug para solucionar problemas de tempo de carregamento de uma página.

Answer 11

Além das excelentes ferramentas já mencionadas, acho Carlos ser extremamente útil.Especialmente porque eu trabalho muito com o Flash Remoting, que funciona de maneira excelente.

Charles é um proxy HTTP/monitor HTTP/proxy reverso que permite ao desenvolvedor visualizar todo o tráfego HTTP entre sua máquina e a Internet.Isso inclui solicitações, respostas e cabeçalhos HTTP (que contêm cookies e informações de cache).

Charles pode atuar como intermediário para comunicação HTTP/SSL, permitindo que você depure o conteúdo de suas sessões HTTPS.

É multiplataforma, custa US$ 50, mas há uma avaliação de “30 minutos por sessão” que você pode baixar.

Answer 12

Aqui está o que eu uso:

Raposa de fogo:

• Inspetor DOM:Eu uso isso mais do que qualquer outra coisa para desenvolvimento web
• Lançador:para abrir sites em outros navegadores/aplicativos
• Adulteração de dados:isso pode ser útil para depurar solicitações GET/POST
• Barra de ferramentas do desenvolvedor web:isso tem muitos recursos úteis para depuração:as ferramentas de validação W3C, régua integrada, ferramentas de redimensionamento, manipulação de fontes, ferramentas fáceis de cache/css/script

Ou seja:

• Barra de ferramentas do desenvolvedor do Internet Explorer:nem de longe tão útil quanto o do Firefox, mas pelo menos oferece um Inspetor DOM decente

Diversos:

• Bookmarklets úteis de Jesse:o concha bookmarklet é especialmente útil
• eu também instalo Safári e Ópera, mas principalmente use-os apenas para testes e benchmarking, já que suas ferramentas de desenvolvimento não são tão robustas quanto o Firefox e não têm tantos bugs quanto o IE.
• Lince:Eu uso isso para garantir que todos os sites com uso pesado de JS ainda funcionem, para que eu tenha certeza de que parecerão bons para o Google, leitores de tela e qualquer outro aplicativo semelhante a um bot.