Mozilla lanzó recientemente una nueva edición para desarrolladores para que la utilicen los desarrolladores web, pero ¿cuánta diferencia hay entre ella y la versión normal de Firefox? La publicación de preguntas y respuestas del superusuario de hoy tiene las respuestas a la pregunta de un lector curioso.
La sesión de preguntas y respuestas de hoy nos llega por cortesía de SuperUser, una subdivisión de Stack Exchange, una agrupación de sitios web de preguntas y respuestas impulsada por la comunidad.
La pregunta
El lector de superusuario Saurabh Lprocks quiere saber qué es diferente entre las ediciones regular y para desarrolladores de Firefox:
Mozilla lanzó recientemente una nueva versión de su navegador web llamada Mozilla Firefox Developer Edition que está específicamente dirigida a desarrolladores web.
Lo instalé, pero no he encontrado mucha diferencia entre la edición regular de Firefox y la edición para desarrolladores. Todas las herramientas de la edición para desarrolladores también están en la edición regular. Quiero saber qué extras trae la edición para desarrolladores que no incluye la edición regular.
¿Cuáles son las diferencias entre las ediciones regular y para desarrolladores de Firefox?
La respuesta
Los contribuyentes de superusuario blade19899 y Dave tienen la respuesta para nosotros. Primero, blade19899:
los Edición para desarrolladores de Firefox es una versión modificada de Firefox que está diseñada específicamente para desarrolladores web. También utiliza un perfil separado de la versión normal, por lo que ejecutarlos uno al lado del otro es una opción. Eso significa que todos sus complementos y configuraciones no estarán disponibles en Firefox Developer Edition, pero puede usar Firefox Sync para sincronizar sus complementos y configuraciones en ambas versiones.
Todas las funciones de Firefox Developer Edition estarán disponibles 12 semanas antes de que estén disponibles en la versión normal de Firefox.
Algunas características integradas en Firefox Developer Edition que no tiene la versión normal son:
IDE web
Web IDE le permite desarrollar, implementar y depurar aplicaciones web directamente en su navegador o en un dispositivo Firefox OS. Le permite crear una nueva aplicación de Firefox OS (que es solo una aplicación web) a partir de una plantilla o abrir el código de una aplicación existente. Desde allí, puede editar los archivos de la aplicación. Es un clic para ejecutar la aplicación en un simulador y uno más para depurarlo con las herramientas de desarrollo. Puede ver un video sobre Web IDE en YouTube aquí .
Valencia
Anteriormente llamado Adaptador de herramientas de Firefox, Valence le permite desarrollar y depurar su aplicación en múltiples navegadores y dispositivos conectando las herramientas de desarrollo de Firefox a otros motores de navegador importantes. Valence también extiende las increíbles herramientas creadas para depurar Firefox OS y Firefox para Android a los otros navegadores móviles principales, incluidos Chrome en Android y Safari en iOS. Hasta ahora, estas herramientas incluyen Inspector, Debugger y Console & Style Editor. Puedes ver un video sobre Valence en YouTube aquí .
Web Audio Editor
los Web Audio Editor le permite inspeccionar e interactuar con las API de Web Audio en tiempo real para asegurarse de que todos los nodos de audio estén conectados de la forma esperada.
Puede consultar mi Q / A en Ask Ubuntu para obtener una respuesta más detallada: ¿Cómo instalo Firefox Developer Edition?
Seguido por la respuesta de Dave:
Como estoy seguro de que ya sabe, actualmente tiene estas características listas para usar:
- IDE web: le permite desarrollar, implementar y depurar aplicaciones web.
- Vista de diseño receptivo: le permite ver cómo se verá el sitio web en diferentes tamaños de pantalla.
- Valence: depura en cualquier navegador (anteriormente llamado Adaptador de herramientas de Firefox).
- Web Audio Editor: inspecciona el audio web para asegurarse de que todos los nodos de audio estén conectados como se esperaba.
- Inspector de página: examina HTML y CSS.
- Consola web: vea la información registrada e interactúe con las páginas web mediante JavaScript.
- Depurador de JavaScript: depura JavaScript.
- Monitor de red: vea todas las solicitudes de red que realiza el navegador y cuánto tarda.
- Editor de estilos: edita estilos CSS.
Puedes ver un video de introducción general aquí .
También incluye:
- Firefox Hello: WebRTC (una herramienta que permite realizar llamadas y realizar videollamadas con otras personas desde el navegador).
- Botón Olvidar: similar a borrar el historial.
- Cuentagotas: le permite "tomar" colores de una página web.
- Bloc de notas: una consola JS independiente para probar fragmentos de JavaScript.
- Conectar: le permite conectarse a un dispositivo remoto.
Como probablemente haya notado, algunas (la mayoría) de estas funciones ya están disponibles en Firefox o mediante complementos en este momento, y a medida que pase el tiempo, sospecho que estarán disponibles como complementos. Por ejemplo, el inspector de página, la consola, el depurador y algunas funciones más ya forman parte del complemento Firebug.
En cuanto a cambiar el tamaño de la pantalla y CSS, utilizo una herramienta llamada Developer Toolbar.
He usado Firefox Developer Edition como desarrollador y diseñador web y se siente como Firefox con complementos diseñados para adaptarse a un diseñador web (que es lo que creo que pretendían). Personalmente, estoy más interesado en ver cómo se desarrolla.
Por el momento, se siente muy similar al depurador que ya está integrado en Chrome e Internet Explorer 11 (aunque todavía no he probado todas las funciones).
También puede ver el Notas de Firefox Developer Edition para más detalles.
¿Tiene algo que agregar a la explicación? Habla en los comentarios. ¿Quieres leer más respuestas de otros usuarios de Stack Exchange expertos en tecnología? Consulte el hilo de discusión completo aquí .
