10 extensões do Firefox para desenvolvimento web

Especialmente para as provas e análises de erros em cada desenvolvimento, Firefox e Chrome oferecem incríveis arsenais de extensões para revisar até o último fragmento de código, em busca de sobras ou o que for para ser modificado, sem necessidade de instalar pesados e nada portáteis aplicativos desktop. As seguintes extensões são algumas das mais populares na seção de complementos de Mozilla:

Web Developer

http://wwwhatsnew.com/wp-content/uploads/2012/01/web-developers-440x363.png

Um pacote de utilidades de desenvolvimento organizadas em forma de barra de ferramentas: bloqueio de scripts, cookies e imagens, edição de CSS, ressaltado de características, informação específica dos objetos, detalhes de formulários, busca de erros e outras dezenas de opções.

Restartless Restart

http://wwwhatsnew.com/wp-content/uploads/2012/01/Restartless-Restart1.png

Uma pequena extensão que adicionará ao menú principal de Firefox e ao menú Arquivo, a opção de Reiniciar o navegador com apenas um clic, ou também através do atalho do teclado Ctrl + Alt + R. Eficiente especialmente quando for necessário fazê-lo em repetidas ocasiões.

FireFTP

http://wwwhatsnew.com/wp-content/uploads/2012/01/FireFTP-440x186.png

Um cliente de FTP para baixar, subir e gerenciar os arquivos armazenados em um servidor sem necessidade de sair do navegador. Se integra perfeitamente as funções de execução e exibição padrão de Firefox.

Firebug

http://wwwhatsnew.com/wp-content/uploads/2012/01/firebug-440x207.png

Uma exibição do código que compõe qualquer página web, padrões utilizados, esquemas de cores, dimensões de cada objeto, CSS completo e outros. O melhor é que se permite editar qualquer espaço para ver as mudanças instantaneamente.

Firepicker

http://wwwhatsnew.com/wp-content/uploads/2012/01/firepicker-440x330.png

Uma paleta de cores em hexadecimal que se integra a Firebug para facilitar a manipulação de tonalidades do CSS através do movimento do cursor sobre as combinações.

View Source Chart

http://wwwhatsnew.com/wp-content/uploads/2012/01/view-source-chart-440x171.png

Permite inspecionar o esquema ou modelo de objetos do site (DOM). Basta um clic direito sobre qualquer página e em abrir com view Source Chart para ver o resumo colorido em uma nova aba.

Pentadactyl

http://wwwhatsnew.com/wp-content/uploads/2012/01/Pentadactyl-2-440x375.png

Para navegar através de comandos e atalhos de teclado dentro dos elementos da página. Muito parecido com o velho e complexo editor VIM.

IE Tab V2

http://wwwhatsnew.com/wp-content/uploads/2012/01/IE-Tab-440x174.png

Um problema mais que conhecido no desenvolvimento web sempre foi a quantidade enorme de bugs encontrados ao experimentar as criações em Internet Explorer. Pois bem, para solucionar essas falhas sem ter que entrar a IE, esta extensão emula o ambiente do Internet Explorer em uma nova aba (botão direito do mouse também).

User Agent Switcher

http://wwwhatsnew.com/wp-content/uploads/2012/01/User-Agent-Switcher-440x257.png

Outro complemento para simular ambientes, porém com a grande diferença que emula juntamente com as versões de Internet Explorer (desde IE 6), a vista móvel (iPhone) e as dos robots de busca (Googlebot, Msnbot e Yahoo Slurp). As opções se encontram no menú ferramentas.

QuickJava

http://wwwhatsnew.com/wp-content/uploads/2012/01/QuickJava-440x300.png

Para ativar e desabilitar vários scripts e componentes em funcionamento: JavaScript, Java, Flash, Silverlight, Proxy e o CSS. Também conta com opções desde uma janela emergente podendo ser administrada, em forma de ícones de cores, desde a barra de status (Ctrl + /).