1. Web Design
  2. HTML/CSS

Firefox frente a Firefox Edición para Desarrolladores ¿Cuál es la diferencia?

Scroll to top
4 min read

Spanish (Español) translation by Carlos (you can also view the original English article)

Si has estado involucrado con Firefox y el diseño web durante algún tiempo, probablemente hayas visto una referencia a la «Edición para desarrolladores de Firefox». Quizá lo miraste, tal vez lo instalaste y luego te preguntaste:

«¿Cuál es exactamente la diferencia?»

En este consejo rápido te vamos a aclarar esa duda.

¿Dónde descargar Firefox Developer Edition?

Tal vez desees descargar tanto Firefox Regular como Firefox Developer para que puedas seguir esta guía y ver de lo que te estamos hablando.

Nota: Firefox Developer Edition no es igual que beta o nightly, que son versiones de prueba más inestables de Firefox. No obstante, si estás interesado en ellos, puedes descargar beta o nightly desde aquí.

Diferencia 1: perfiles separados

Firefox regular on the left Firefox Developer on the rightFirefox regular on the left Firefox Developer on the rightFirefox regular on the left Firefox Developer on the right
Firefox regular a la izquierda, Firefox Developer a la derecha

Cuando instales Firefox Developer, no tienes que preocuparte de que afecte la configuración que tienes actualmente de Firefox normal; puedes instalar las dos aplicaciones una al lado de la otra y funcionarán de forma independiente. Esto se debe a que Firefox configura diferentes perfiles de usuario para cada una de las dos versiones.

En la práctica, esto significa que cada navegador puede tener diferentes plugins instalados, diferentes ajustes de preferencias, iniciar sesión en diferentes cuentas de Firefox, tener un historial de navegación separado, etc. Ambos pueden ser Firefox, pero se ejecutarán como aplicaciones totalmente distintas.

Diferencia 2: Características de vanguardia

Si hay una nueva característica útil en Firefox, primero se incorpora a Developer Edition.

Por ejemplo, aunque hoy se encuentre en la versión normal, durante algún tiempo el único lugar donde podías acceder a una herramienta de inspección visual para el Grid de CSS fue en la edición para desarrolladores. Lo mismo sucede con el editor CSS shape path, el inspector de fuentes variables y muchas otras características.

Ahora mismo puedes utilizar la edición para desarrolladores para probar el nuevo reproductor Picture-in-Picture (solo para Windows). Esto te permite hacer clic en un pequeño botón azul superpuesto en un video y colocarlo en un reproductor flotante que se mantendrá por encima de otras pestañas del navegador o incluso otras aplicaciones.

the new Picture-in-Picture playerthe new Picture-in-Picture playerthe new Picture-in-Picture player

Diferencia 3: Ciclo de actualización y lanzamiento

La edición para desarrolladores está 12 semanas por delante de la versión normal de Firefox con soporte adicional para las últimas adiciones a los estándares web. Puedes utilizar el tiempo para probar nuevas funciones y actualizar sitios y aprovechar esto con anticipación.

Además de eso, si así lo deseas, puedes participar en el proceso de estabilización, dar tu opinión y formar parte del progreso del desarrollo de la navegación web.

Para tener una idea del tipo de cambios a los que tendrás acceso de manera anticipada, puedes revisar la extensa colección de notas de versiones anteriores para Developer Edition:

Developer Edition release notesDeveloper Edition release notesDeveloper Edition release notes
Notas de la versiones de Developer Edition

Diferencia 4: Preferencias ajustadas para el desarrollador

Developer Edition tiene sus preferencias establecidas teniendo en consideración las necesidades de los desarrolladores. Por ejemplo, las funciones habilitadas de manera predeterminada incluyen la capacidad de utilizar Firefox para depurar Chrome o la capacidad de realizar una depuración remota a través de USB o WiFi.

Diferencia 5: Temas oscuros predeterminados

Cuando instales la edición para desarrolladores, se configurará con temas oscuros listos para utilizar, tanto en las herramientas de desarrollo como para el navegador general.

Regular Firefox Dev Tools above Developer themed Dev Tools belowRegular Firefox Dev Tools above Developer themed Dev Tools belowRegular Firefox Dev Tools above Developer themed Dev Tools below
Herramientas de desarrollo regulares de Firefox arriba, herramientas de desarrollo para desarrolladores abajo

En el pasado, los temas oscuros del navegador y las herramientas de desarrollo solo estaban disponibles en Edición para desarrolladores, pero ahora también puedes encontrar estos temas en la versión normal si quieres configurarlo para que se vea como Developer Edition.

En resumen

Para reducir todo a una lista, las diferencias que Firefox Developer Edition trae son:

  1. Un perfil separado para que tu entorno de desarrollo se pueda configurar de forma distinta a tu entorno de navegación habitual
  2. Acceso a funciones de vanguardia no disponibles en otras partes
  3. Un plazo de entrega de 12 semanas de ventaja en soporte para las nuevas adiciones a los estándares web
  4. Preferencias predeterminadas ajustadas para desarrolladores
  5. Tema con estilo oscuro desde un principio

Eso debería clarificar las diferencias entre Firefox Developer Edition y Firefox regular, y ayudarte a decidir si quieres incorporarlo a tu flujo de trabajo.

Para más información sobre Firefox, revisa: