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 apps

Firefox OS Simulator: Permite que você execute e depure seu Firefox OS app no desktop.

Validators

List of validators: Various validators for things like HTML, CSS, RDF, Firefox extensions, and many others.

Authoring Software

HTMLTidy: Tool used to fix or point out invalid HTML as well as improve the layout and indentation style of the resulting markup.

JavaScript

Error Console: Tool used for reporting errors in the application chrome and user-opened web pages. Also reports JavaScript-related errors and warnings, CSS errors and arbitrary messages from chrome code.

Venkman: Mozilla's JavaScript Debugger
JSHint: JavaScript Static Analysis and Code Quality Tool

JSLint: JavaScript Code Quality Tool

JSDoc: Tool used for generation of (usually HTML) documentation from code comments (similar to JavaDoc).

DOM

DOM Inspector: Developer tool used to inspect, browse, and edit the Document Object Model of documents

MODI: Mouseover DOM Inpector is a bookmarklet that allows you to view and manipulate the DOM of a web page simply by mousing around the document.

Localization

Localization and Leveraging Tools: Tools and resources to help localize and translate your extensions to other languages.

Accessibility

Policy

WAI-ARIA Overview: An overview of WAI-ARIA, the Accessible Rich Internet Applications Suite; a set of documents that lay out how to make Web 2.0 sites and applications more accessible.

Testing Tools

AChecker: AChecker is a tool that allows you to type in a url and test for accessibility.
W3C complete list of tools: A Complete list of web accessibility evaluation tools

A more comprehensive list of accessibility resources, see: Fluid Project accessibility resources and ARIA

Tree and branch management

cross-commit script: Concurrent Versions System(CVS) script that allows a single patch to be easily checked in on multiple branches.

User profile tools

Multiple Firefox profiles

Navigating the Mozilla Codebase

MXR (if you use vim, mxr-vim speeds up the process)

DXR

Profile Manager