Environment Marker por Environment Marker

Esta extensión te ayuda a distinguir visualmente entre diferentes entornos añadiendo una etiqueta de color a sitios web específicos según la configuración de la URL.
Es compatible con expresiones regulares (incluyendo comodines), un selector de color y preferencias de posicionamiento personalizables.

¿Por qué usar Environment Marker?
En los proyectos de TI, es común trabajar con varios entornos, como desarrollo (Dev), QA, staging y producción (Production).
Sin embargo, como estos entornos suelen ser visualmente idénticos, los errores pueden ocurrir fácilmente.

¿Alguna vez intentaste hacer una "prueba rápida" en el entorno de desarrollo y te diste cuenta demasiado tarde de que en realidad estabas en producción?
Los errores de configuración y los cambios accidentales pueden ocurrir fácilmente, ya que la única diferencia visible suele ser el discreto URL en la barra de direcciones del navegador.

Aquí es donde Environment Marker entra en acción.
Esta extensión gratuita y de código abierto para Chrome te permite definir las URLs de los entornos de tu proyecto y añadir una etiqueta de color en la ventana del navegador para identificarlos de un vistazo.

¡No más errores en producción!

Características:
✅ Etiquetas personalizables – Escoge los colores de las etiquetas con un selector de color.
✅ Compatibilidad con expresiones regulares – Usa patrones Regex para hacer coincidir URLs dinámicamente.
✅ Posicionamiento flexible de la etiqueta – Colócala en cualquier esquina: superior derecha, superior izquierda, inferior derecha, inferior izquierda o Moldure.
✅ Modo de Configuración Rápida – Una opción fácil y rápida para configurarlo.
✅ Exportación e Importación de configuraciones – Guarda y restaura tus ajustes sin esfuerzo.

Cómo usarlo:
Después de la instalación, ve a Configuración de Chrome > Extensiones > Administrar Extensiones
O
Haz clic en el icono del lápiz rojo al lado de la barra de direcciones.
Abre el menú "Opciones" en la sección de Environment Marker.
Configura tus entornos y haz clic en "Guardar".
Última versión – v1.2.1
⚠ Importante: Antes de actualizar, exporta tus configuraciones para hacer una copia de seguridad.
Ve a Configuración de Chrome > Extensiones > Administrar Extensiones, abre el menú Opciones de la extensión y usa la función Exportar.

¿Qué hay de nuevo?
✔ Corrección de errores menores.
✔ Se agregó soporte para la transparencia de la cinta.

Environment Marker es un proyecto de código abierto y las contribuciones son bienvenidas.
GitHub: https://github.com/geovanneb/envmarker