Herramientas

La siguiente es una lista de herramientas y recursos que ayudarán con tu proceso de desarrollo web, así como para la depuración de tus complementos para el navegador Firefox.

Desarrollo Web

Integradas en Firefox

Herramientas y recursos que están incorporadas en Firefox y que están en fuerte desarrollo.

Inspector de Página: Una herramienta útil que te muestra el código HTML del elemento que estás apuntando a con el ratón, en su contexto.

Consola Web: Una consola que le permite interactuar con la información de salida , ejecutar fragmentos de JavaScript , y experimentar con su contenido.

Bloc editor: Un editor de texto integrado en Firefox que te permite editar y ejecutar código JavaScript.
Editor de Estilo: Le permite editar los estilos CSS de la página actual en tiempo real y, además , puede alternar y apagarlos . Una fantástica manera de trabajar en tiempo real con la apariencia y comportamient de los contenidos web!
Depurador de JavaScript: Recorrer el código JavaScript que se ejecuta en el navegador ( o incluso en un navegador remoto! ) Y ver las variables para ayudar a localizar a los fallos. Esta documentación también cubre el depurador remoto , que se puede utilizar para depurar el código que se ejecuta en un dispositivo de Firefox OS o en Firefox en un dispositivo Android .
Vista de Diseño Adaptable: Vea cómo sus diseños lucirían en diferentes tamaños de pantalla sin cambiar el tamaño total de la ventana del navegador.
Usando El Editor de Código: El Editor de código fuente no es una herramienta independiente , en su lugar , es el editor de base usado por Bloc y el Editor de estilos . Este artículo contiene información común a todas las herramientas que hacen uso de la API del Editor de Código.
Barra de Herramientas de Desarrollador: La Barra de herramientas de desarrollador proporciona una interfaz de línea de comandos para manipular y trabajar con las herramientas de desarrollo de Firefox , y botones para acceder rápidamente a las herramientas más utilizadas.

Extensiones

Firebug: Se integra una gran cantidad de herramientas de desarrollo para editar , depurar y monitorear CSS , HTML y JavaScript en vivo en cualquier página web(detalles)

Inspector de DOM: Una herramienta de desarrollo utilizada para inspeccionar , navegar y editar el DOM de documentos - por lo general las páginas web o ventanas XUL.

Desarrollador Web: Añade un menú y una barra de herramientas al navegador con varias herramientas de desarrollo web. (detalles)

Aardvark(cerdo hormiguero): Revela elementos DOM mientras se desliza el puntero del ratón sobre una página. (detalles)

Más en la página de Add-ons de Firefox: En la categoría de desarrollo Web en el sitio de Add-ons de Firefox

Validadores

Lista de validadores: Varios validadores para cosas como HTML, CSS, RDF, Extensiones de Firefox , y muchos otros.

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