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

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

DXR

Profile Manager

Categories

Interwiki Language Links

Document Tags and Contributors

Contributors to this page: wbamberg, fernando.karpinski, ronaldo-bonfim, ouesten, bbenatti
Última atualização por: ouesten,