El día de hoy los desarrolladores tiene una buena noticia, sobre todo los que hacen apps para FireFox: Mozilla ha lanzado un navegador especial diseñado para ellos. Gracias a los desarrolladores es que tenemos las apps en nuestros móviles y computadoras, al presentar contenidos que nos facilita la vida. Si bien Firefox inicialmente fue dirigido a los usuarios finales, los desarrolladores también usaban esta versión, en donde podían personalizarlo y usar APIs, pero ahora van a tener una versión que les permitirá desarrollar de mejor forma, teniendo al alcance las mejores funciones que no encontrarán en otras opciones.
El FireFox Developer Edition evita tener que usar diversos entornos de desarrollo en silos, al ofrecer en un sólo lugar para que no tengan que usar diversas plataformas y navegadores, que sólo les quitan tiempo. Esta versión es estable y funciona para cualquier nivel de experiencia, sin necesidad de descargar plugins no apps para depurar dispositivos móviles.
Firefox Developer Edition tiene un diseño oscuro. Aplica el tema de herramientas de desarrollador en todo el navegador. Además de bien ajustado, es nítido y se concentra en ahorrar espacio para el contenido en pantalla. Entre las funciones que integra se encuentran Valence y WebIDE, que sirven para mejorar el flujo de trabajo y ayudan a depurar otros navegadores y aplicaciones directamente desde Firefox Developer Edition.
Valence
Antes conocida como Firefox Tools Adapter, permite desarrollar y depurar la aplicación en distintos navegadores y dispositivos, al conectar las herramientas desarrolladoras de Firefox con otros navegadores importantes. Valence, también extiende las herramientas que se han construido para depurar Firefox OS y Firefox for Android para los otros navegadores móviles importantes, como Chrome en Android y Safari en iOS. A la fecha, estas herramientas incluyen Inspector, Debugger and Console y Style Editor.
Con WebIDE se pueden desarrollar, implementar y depurar aplicaciones Web directamente en el navegador o en un dispositivo Firefox OS. Permite crear una nueva aplicación Firefox OS (que realmente solo se trata de una aplicación Web) desde una plantilla o abrir el código de una aplicación existente. A partir de eso, se pueden editar los archivos de la aplicación. Es un click para que corra la aplicación en un simulador y otro click para depurarla con las herramientas desarrolladoras.
La edición Firefox Developer Edition además integra todas las herramientas conocidas para los desarrolladores Web como por ejemplo:
- Responsive Design Mode – Con la modalidad de diseño responsivo, se puede ver cómo quedará el sitio o la aplicación en pantallas de distinto tamaño sin cambiar el tamaño de la ventana del navegador.
- Page Inspector- –El Inspector de página sirve para explorar el HTML y CSS de cualquier página web y cambiar fácilmente la estructura y diseño de una página.
- Web Console – Sirve para ver la información registrada y asociada con una página web e interactuar con una página web mediante JavaScript.
- JavaScript Debugger – Un depurador para examinar el código JavaScript y modificar su estado para así rastrear los problemas que puedan surgir.
- Network Monitor – Monitor de la red mediante el cual se pueden visualizar todas las solicitudes de red que hace el navegador, qué tanto toma cada una y sus detalles asociados.
- Style Editor – Editor de estilo para ver y editar los estilos CSS asociados con una página web. Permite además crear nuevos o aplicar hojas de estilo CSS a cualquier página.
- Web Audio Editor – Editor de audio web para inspeccionar e interactuar con Web Audio API en tiempo real y garantizar que todos los nodos de audio estén conectados tal y como se necesita.
Fuente: Comunicado de prensa de Mozilla.
