Firefox Developer Edition

Photo Credit: Mozilla

Firefox Developer Edition

Firefox Developer Edition es una versión de Firefox adaptada para desarrolladores, ha sido creada teniendo en cuenta el flujo de trabajo de muchos desarrolladores en la cual se puede desarrollar, testear, escalar y mucho más desde el mismo lugar, simplificando el proceso de desarrollo web, ya sea de aplicaciones web para escritorio o para aplicaciones web móviles.

Además usa un perfil separado de las otras versiones de Firefox instaladas en la computadora. Esto hace que se pueda intercambiar más facilmente entre las versiones liberadas o las betas de Firefox.

Al usar Firefox Developer Edition, se tiene acceso a las herramientas y a las características de la plataforma al menos 12 semanas antes de que lleguen a liberarse en el rama principal de Firefox. Todo esto debido a que Developer Edition sustituye al canal Aurora en el proceso de liberación de versiones de Firefox, por lo tanto las características se lanzan cada seis semanas, después de que se hayan estabilizado en Nightly builds.

Firefox Developer Edition

##Herramientas que ofrece

  • Borrador: Un editor construido dentro de Firefox que te permite escribir, ejecutar JavaScript, inspeccionar objetos y guardar scripts.

  • Editor de estilos: Revisa, edita y crea estilos CSS para la página actual. (Los cambios son reflejados automáticamente en la página.)

  • Editor de sombras: Revisa y edita los vertex y fragmentos de sombras usado por WebGL.

  • Audio Web: Examina el gráfico de los nodos de audio en un contexto de audio y modifica sus parámetros.

  • Inspector de página: Revisa y modifica el HTML y CSS de la página. (Los cambios son reflejados automáticamente en la página.)

  • Consola Web: Mira mensajes de registro (logs), advertencias y errores CSS/JavaScript o de seguridad en una página web e interactua con la página usando JavaScript.

  • Depurador: Deten, ve paso a paso, examina y modifica el JavaScript que está ejecuntandose en una página.

  • Monitor de red: Mira las solicitudes de red hechas cuando una página está cargada.

  • Inspector de Almacenamiento: Inspecciona cookies, almacenamiento local, indexedDB y almacenamiento de sesión presente en una página.

  • Barra de desarrollador: Una interfaz de linea de comandos para el desarrollador.

  • Capturar color: Selecciona un color de la página.

  • Seleccionar iframes: Seleccionar un iframe en particular.

  • WebIDE: Es el reemplazo de App Manager. Al igual que App Manager, este permite ejecutar y debugear aplicaciones Firefox OS utilizando el Firefox OS Simulator o un dispositivo Firefox OS real. Además, proporciona un entorno de edición para crear y desarrollar aplicaciones para Firefox OS, incluye una vista de árbol jerárquica de todos los archivos de la aplicación con la posibilidad de editarlos y grabar los cambios realizados, y también dos plantillas de aplicación para ayudar a comenzar a desarrollar.

  • Vista de diseño adaptable: Mira como tu sitio o aplicación se verá en diferentes pantallas sin cambiar el tamaño de la ventana del navegador.

  • Herramientas de rendimiento: Diagnostica y arregla problemas de rendimiento.

  • Valence: Desarrolla y depura apps en múltiples navegadores y dispositivos.

Inspector

Enlaces de interés:

comments powered by Disqus