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 comportamiento 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 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.

Autoría de software

HTMLTidy: Herramienta utilizada para reparar o señalar HTML inválido así como para mejorar el layout and indentation style of the resulting markup.

JavaScript

Consola de errores: Herramienta usada para reportar errores en la aplicación y en las páginas abiertas por el usuario. Además de reportes relacionados con errores y advertencias Javascript, errores de CSS y mensajes arbitrarios lanzados desde el código.

Venkman: Depurador JavaScript de Mozilla.
JSHint: JavaScript Static Analysis y Code Quality Tool.

JSLint: Herramienta de calidad de código JavaScript.

JSDoc: Herramienta usada para la generación de documentación (normalmente HTML) a partir de comentarios de código (similar a JavaDoc).

DOM

Inspector DOM: Herramienta de desarrollador usada para inspeccionar, buscar y editar el Document Object Model (DOM) de los documentos.

MODI: Mouseover DOM Inpector es un marcador que te permite ver y manipular el DOM (Modelo de Objetos del Documento) de una página web simplemente pasando el ratón por el documento.

Localización

Localización y Herramientas de Aprovechamiento: Herramientas y recursos para ayudar a localizar y traducir sus extensiones a otros idiomas.

Accesibilidad

Política

Visión General WAI-ARIA: Una visión general de WAI-ARIA, el Accessible Rich Internet Applications Suite; un conjunto de documentos que permite hacer sitios Web 2.0 y aplicaciones web más accesibles.

Herramientas de testeo

AChecker: AChecker es una herramienta que te permite escribir en una url y probar la accesibilidad.
Lista completa de herramientas de W3C: Una lista completa de las herramientas de evaluación de accesibilidad web.

Una lista más completa de los recursos de accesibilidad, ver: recursos de accesibilidad del Proyecto Fluid y ARIA.

Árbol y administración de ramas

cross-commit script: El Concurrent Versions System (CVS) es un script que permite que un solo parche sea fácilmente comprobado en múltiples ramas.

Herramientas de perfil de usuario

Múltiples perfiles de Firefox

Navegando por el Mozilla Codebase

MXR (si usas vim, mxr-vim acelera el proceso)

DXR

Gestor de perfiles