Ferramentas

A seguir está uma lista de ferramentas e recursos que irão ajudar com o processo de desenvolvimento web, bem como potencialmente a depuração do seu navegador Firefox add-ons.

Desenvolvimento Web

Integrado no Firefox

Ferramentas e recursos que são incorporados ao Firefox e estão em intenso desenvolvimento.

Inspecionar página: Uma ferramenta útil que mostra o HTML do elemento que está atualmente apontando com o mouse, no contexto.

Console da Web: Um console que permite a você interagir com as informações de saída, execute snippets JavaScript e faça experiências com seu conteúdo.

Scratchpad (Ferramenta de rascunho): Um editor de texto embutido no Firefox que permite editar e executar código JavaScript.
Editor de Estilos: Permite editar estilos CSS para a página atual, em tempo real, além disso, você pode alternar entre eles dentro e fora. Uma maneira fantástica de trabalhar em tempo real com o look and feel (ver e sentir) de conteúdo da web!
Depurador do JavaScript: Permite verificar o código JavaScript que é executado no navegador (ou até mesmo em um navegador remoto) e observar variáveis para ajudar a rastrear bugs. Esta documentação também abrange o depurador remoto, que você pode usar para depurar o código executado em um dispositivo com Firefox OS ou no Firefox em um dispositivo Android.
Modo de Design Adaptável: Veja como ficarão seus projetos em diferentes tamanhos de tela sem alterar o tamanho geral da janela do seu navegador.
Usando o Editor de fonte (código): O editor de fonte não é um instrumento autônomo, em vez disso, ele é o editor subjacente usado pelo Scratchpad eo Editor de Estilo. Este artigo fornece informações comuns a todas as ferramentas que fazem uso da API do Editor de Fonte.
Barra do Desenvolvedor: A barra de ferramentas do desenvolvedor fornece uma interface de linha de comando para manipular e trabalhar com as ferramentas de desenvolvedor do Firefox e os botões para acesso rápido às ferramentas mais utilizadas.

Extensões

Firebug: Integra um conjunto de ferramentas de desenvolvimento para editar, depurar e monitorar CSS, HTML e JavaScript em qualquer página web (detalhes)

DOM Inspector: Uma ferramenta de desenvolvedor usada para inspecionar, visitar, e editar o DOM de documentos - geralmente páginas da Web ou janelas XUL.

Web Developer: Adiciona um menu e uma barra de ferramentas ao browser com várias ferramentas de desenvolvimento para a web. (detalhes)

Aardvark: Revela elementos do DOM enquanto você passa o mouse por uma página. (detalhes)

Mais sobre complementos do Firefox: Categoria de desenvolvimento Web no site de Add-ons do Firefox.

Desenvolvimento de Aplicativos

Simulador do Firefox OS: Permite que você execute e depure seu Firefox OS app no desktop (área de trabalho).

Validadores

Lista de validadores: Vários validadores para coisas como HTML, CSS, RDF, extensões do Firefox e muitos outros.

Autoria de Software

HTMLTidy: Ferramenta usada para arrumar ou pontuar HTML inválido, também melhorar o layout e estilo de identação do resultado da marcação.

JavaScript

Console de Erro: Ferramenta usada para reportar erros na aplicação chrome e páginas abertas pelo usuário. Também reporta erros e avisos relacionados ao Javascript, erros do CSS e mensagens arbitráruas do código chrome.

Venkman: Depurador de JavaScript da Mozilla
JSHint: JavaScript Análise Estática e Ferramenta de Qualidade do Código

JSLint: Ferramenta de Qualidade do Código

JSDoc: Ferramenta usada para geração de documentação (normalmente em HTML) a partír dos comentários do código (similar ao JavaDoc).

DOM

DOM Inspector: Ferramenta usada para inspecionar, navegar, e editar o DOM (Modelo de Objetos do Documento)

MODI: Mouseover DOM Inpector é um bookmarklet que permite visualizar e manipular o DOM de uma página web, basta passar o mouse em torno do documento.

Localização

Localização e ferramentas de otimização

Ferramentas e recursos para ajudar a localizar e a traduzir suas extensões para outros idiomas.

Acessibilidade

Política

Síntese WAI-ARIA: Um sobrevôo sobre o WAI-ARIA, a Suíte de Aplicativos de Internet Ricos Acessíveis; um conjunto de documentos que explicam como fazer sites Web 2.0 e aplicativos mais acessíveis.

Ferramentas de Teste

AChecker: AChecker é uma ferramente que te permite digitar uma URL e testar a acessibilidade.
Lista completa de ferramentas do W3C: Uma lista completa de ferramentas de avaliação da acessibilidade web.

A mais abrangente lista de recursos de acessibilidade, veja: Recursos de acessibilidade do projeto Fluid e ARIA

Árvore e Gestão de Ramos

cross-commit script: Sistema de Versões Concorrentes (CVS) script que permite que um único patch possa ser facilmente verificado em vários ramos.

Ferramenta de Perfil de Usuário

Múltiplos perfís do Firefox

Navegando na Base de Dados da Mozilla

MXR (se voce usa o vim, mxr-vim acelera o processo)

DXR

Gerenciamento de Perfil