criar o perfil final de desenvolvimento web firefox

Quando devidamente configurado, o Firefox pode se tornar a ferramenta de desenvolvimento web final, o que lhe dá acesso directo à página que você está trabalhando em que você pode estilizar sua página em tempo real, depurar javascript ou até mesmo editar o html.

Criar perfil separado para Desenvolvimento Web

Instalar todas estas ferramentas de desenvolvimento fará com que o Firefox em um navegador muito pesado, por isso, devemos primeiro criar um novo perfil para o Firefox.

Você pode iniciar um perfil separado, ao mesmo tempo que o seu perfil regularmente, criando um novo atalho com estes argumentos, substituindo WebDev com o nome do seu perfil. Há também uma explicação mais detalhada sobre como fazer isso.

firefox.exe -P WebDev -no-remote

Agora que você tem Firefox configurado com um perfil separado apenas para desenvolvimento web, vamos dar uma olhada nas extensões que podemos usar para tornar o Firefox para a ferramenta de desenvolvimento web final.

Must-have extensões web dev

Estas são todas as extensões que eu uso em uma base regular para o desenvolvimento web.

Firebug

Firebug é a mais poderosa extensão para depuração de JavaScript, visualização de CSS e HTML. Você pode fazer alterações dinâmicas para o código e CSS, e usá-lo para depurar seu código Ajax. É realmente a melhor extensão para fora lá.

Web Developer Extension

Uma das melhores extensões para x anos consecutivos. Este é um must-have para qualquer desenvolvedor, mas você já ouviu falar dele.

Aardvark Extension

Esta extensão é uma extensão muito leve que facilmente mostrar-lhe os elementos da página e sua atribuído classe / id. É mais simples de usar do que a extensão desenvolvedor web para aqueles momentos em que você só precisa da informação rápida para um elemento. Você também pode usá-lo para remover elementos da página.

ColorZilla

Escolha cores facilmente. Sem mais dor de encontrar cores incorporados em algum lugar em uma folha de estilo.

Ver Com Fonte

Você pode configurar vários perfis de origem vista a abrir a origem em diferentes aplicações.

HTML Validator

Esta extensão permite que você facilmente validar sua página HTML e instala no painel de View Source.

Greasemonkey

Não é exatamente uma extensão desenvolvedor web, mas Greasemonkey é incrível, não menos importante para a capacidade de automatizar ações comumente realizadas, que é uma grande economia de tempo para os desenvolvedores web.

medi-la

facilmente medir uma distância na tela com esta extensão. Uma vez que você mediu uma área, você pode arrastar o retângulo ao redor da tela para usar como comparação.

IE Vista / IE Tab / OperaView / FirefoxView / Safari Vista / IE View Lite

Estas extensões (faça a sua escolha) permitem visualizar facilmente a página atual em diferentes navegadores. IE Tab vai mesmo deixar você executar IE dentro de um guia, se você fosse tão inclinado.

Botão Cache Clear

Limpa a cache. Especialmente útil para verificar as novas alterações a CSS.

reinicie o Firefox

A extensão Restart Firefox é muito útil para encerrar e reiniciar o Firefox com todas as guias e sessões intactas.

Tab Mix Plus

A extensão Tab Mix Plus é uma grande extensão em geral, mas tem algumas características essencialmente úteis para desenvolvedores web: Tab Duplicar e Cópia Tab URL.

YSlow

A extensão YSlow é uma nova extensão do Yahoo que irá analisar a sua página e dizer onde você está cometendo erros. Ele vai mesmo dar-lhe uma nota em seu desempenho do site. Você notará o pequeno calibre no canto inferior do lado direito … ele diz que o tamanho total da sua página, bem como o tempo de carregamento. extensão muito útil, mas exige a extensão Firebug.

Manequim Lorem Ipsum

A extensão do gerador manequim Lipsum vai gerar conteúdo fictício para você baseado no famoso texto Lorem Ipsum que é muito útil para colocar para fora conteúdo falso em seu site.

Captura de tela!

A extensão Screengrab permite levar screenshots de páginas, mas pode fazer algo uma ferramenta de captura de tela regular não pode – ele pode levar uma imagem da página inteira, e não apenas a parte visível.

Há toneladas de outras extensões que você pode usar, mas estes são os melhores dos melhores de tudo o que eu já vi. Se tiver outra extensão que você usa regularmente, deixar uma menção nos comentários.

Neste ponto, você agora virou Firefox para a ferramenta de desenvolvimento web final. Aproveite o tempo para aprender a usar o Firebug, especialmente.

Uma das mensagens do Firefox mais impressionantes que eu já li. Muito obrigado!

Great post .. eu uso praticamente 90% do que você mencionou especialmente View Source Com .. e aqui estão alguns mais!

TamperData, usado minimamente, vai deixar você ver o tráfego HTTP. Útil para a depuração, uma vez que se divide e mostra-lhe carregar vezes também. Não para todos, mas útil.

FireFTP é um grande cliente de FTP para Firefox e eu usá-lo todos os dias. O novo OneClick Instalar extensão de FF é ótimo para blogueiros WordPress que faz da instalação de temas e plugins uma brisa!

Esta é uma grande lista de extensões, estou usando vários destes, mas existem algumas pepitas saborosos eu não tinha visto antes e será definitivamente experimentar. Estou absolutamente no amor com Firebug e, provavelmente, usá-lo ao máximo, especialmente quando o desenvolvimento de aplicações Ajax. Firefox e é plugins impressionantes são, definitivamente, o sonho do desenvolvedor web se tornar realidade, às vezes eu não sei como eu fiz o meu trabalho antes.

Grande Post! Este foi definitivamente uma boa referência para desenvolvedores web.

A maioria dessas extensões foram revistos no meu site e eu definitivamente apoiar todas estas extensões mencionadas aqui.

JD

Grande coleção!

Eu tenho mais uma sugestão

JSView é muito útil para ver qualquer estilo javascript ou particular; https: //addons.mozilla.org/en-US/firefox/addon/2076

Olá

Boa lista. Eu acrescentaria URLParams se você está trabalhando muito com formulários (formulários grandes). Combinado com ReloadEvery se você quer evitar tempo limite de sessão (converter PÓS-> GET primeiro se necessário) .; E Pérola Crescent página Saver Basic se você precisa fazer screenshots de páginas inteiras.

Além disso: MeasureIt e ClearCache tanto pode ser evitada, pois os recursos estão incluídos com WDT; – Diversos> Tela Régua; – Diversos> Limpar dados privados> Cache

Saudações; JB

Nice lista.

Também muito útil no desenvolvimento é CookiePie http://www.nektra.com/oss/firefox/extensions/cookiepie/ que permite registrar em um site com dois perfis diferentes ao mesmo tempo – digamos como um usuário normal e como um admin – algo que está faltando ff padrão

em vez do botão “Limpar cache” somente eu fortemente recomment a barra de ferramentas preferências http://prefbar.mozdev.org/

Ao lado usando o Firebug fabuloso eo / ColorZilla combo MeasureIt, eu também tendem a usar a extensão “X-Ray” muito.

“Um instalado o comando X-Ray está disponível clicando com, bem como no menu Ferramentas. Quando aplicado a uma página que pode ajudá-lo a ver como o documento foi construído sem ter que ir e voltar entre o código fonte ea página no navegador “.

https://addons.mozilla.org/en-US/firefox/addon/1802

Eu estava tão animado para ver a extensão vista IE, mas, em seguida, tão decepcionado ao descobrir que ele só está disponível para Windows.

Graças fazer muito para o artigo. realmente alucinante

Eu uso fireFTP (http://fireftp.mozdev.org/) muito. Como dizem em seu site: FireFTP é um cliente livre, seguro, cross-platform FTP para o Mozilla Firefox que permite o acesso fácil e intuitivo a servidores FTP. Para sites onde você ssh não pode, este é um bom caminho a percorrer.

Grande lista .. Acabei de instalar quatro novas extensões.

Graças a este grande site.

Evan disse: “Eu estava tão animado para ver a extensão vista IE, mas, em seguida, tão decepcionado ao descobrir que ele só está disponível para Windows”.

Você pode instalar o IE para ser executado sob Wine (ir para http://www.tatanka.com.br/ies4linux/page/Main_Page sobre como fazê-lo) e, em seguida, instalar a extensão vista IE para trabalhar com IE / Wine.

Eu uso algumas destas grandes extensões também, mas eu gostaria de mencionar Session Manager (link) .; Pode sessões de configuração (abrir todas as “guias” necessários) para seus projetos e você pode facilmente alternar entre eles;. Enquanto trabalhava em um projeto que eu geralmente manter 4-5 abas abertas (guia do projeto, guia administrador do projeto, guia banco de dados, documentação, se necessário).

Você poderia poupar-se um pouco de memória e velocidade não instalando MeasureIt, como já existe uma régua na barra de ferramentas Web Developer.

Se você faz um monte de trabalho XML relacionado, em seguida, XML barra de ferramentas (https://addons.mozilla.org/en-US/firefox/addon/2897) é indispensável.

Existe algum valor à barra de ferramentas desenvolvedor web se você estiver executando FireBug?

Você também deve dar ao Vivo extensão cabeçalhos HTTP um tiro.

lista agradável, muito obrigado!

Gostaria de acrescentar mais um à lista, se você trabalha muito com biscoitos

Adicionar & Editar Cookies – Editor de cookies; http: //addneditcookies.mozdev.org/

Ver vídeo 1.

http://www.netfxharmonics.com/2006/10/video-5-fwd-editing-css-live-in.aspx

Top pós – muito útil

Grande lista, nenhum deles funciona com o Firefox 3 atm embora

Nice post e muito boas extensões.

Estou à procura de uma ferramenta como CookiePie, mas fiquei desapontado ao ver que há um bug que significa que a sessão começou na janela pai não se aplica a popups. Infelizmente, isso faz com que a extensão inútil para mim.

Oi; sim, agradáveis ​​extensões, thx :); você deve adicionar os conselhos da equipe Mozilla para o perfil dev (http://developer.mozilla.org/en/docs/Setting_up_extension_development_environment);go à página: about: config; definir esta; * javascript.options.showInConsole = true. Registra erros nos arquivos de cromo ao erro Console; *. nglayout.debug.disable_xul_cache = true. Desabilita o cache XUL para que as alterações janelas e diálogos não requer um reinício. Isso pressupõe que você está usando diretórios em vez de JARs. Mudanças a sobreposições XUL continua a exigir o recarregamento do documento sobreposto; *. Browser.dom.window.dump.enabled = true. Permite o uso da declaração de despejo () para imprimir para o console padrão. Veja window.dump para mais informações. Você também pode usar nsIConsoleService a partir do script privilegiada; *. Javascript.options.strict = true. Permite rigorosas advertências JavaScript no Error Console. Note-se que uma vez que muitas pessoas têm essa configuração desligado quando em desenvolvimento, você vai ver um monte de avisos para problemas com o seu código, além de avisos para a sua própria extensão. Você pode filtrar aqueles com Console2; *. Extensions.logging.enabled = true. Isto irá enviar informações mais detalhadas sobre a instalação e atualização problemas ao erro Console.

Graças Geek!

graças Geek, e todos os outros – eu uso praticamente todos os demais.

para desenvolvedores de blog ScribeFire é útil também, permitindo que você para o blog em tempo real, como você navegar … eu revi-lo em http://guvnr.com/web/blogging/scribefire/

perfil do Firefox WebDev criado. Eu gosto desta idéia.

Desde este post está ficando um pouco datado, pesquisa mozilla.org em vez de seguir os links fornecidos; https:. //addons.mozilla.org/en-US/firefox/

Perfeito – soma-se todas as ferramentas que precisamos! Obrigado por compartilhar! Com os melhores cumprimentos da Alemanha.

Este post mostra a informação que está perto de padrão;. A esperança próxima Você voltará a deixar um bom artical / Informações

viagem a sonda espacial Voyager de 2 a nosso sistema solar é conhecido como o Planetário Grand Tour, porque, graças a um alinhamento planetário que só acontece uma vez a cada 175 anos, a sonda foi capaz de visitar Júpiter, Saturno, Urano e Netuno tudo em um único voar de.