Codificación de colores del sitio web: Identifica fácilmente tu entorno de trabajo.
Website Color Coding es una extensión gratuita para Chrome desarrollada por MPaans que ayuda a los usuarios a identificar el entorno en el que están trabajando. Esta útil herramienta añade elementos básicos de HTML a tu página cargada, facilitando la diferenciación entre diferentes entornos de trabajo.
La extensión detecta los entornos de dos formas. En primer lugar, utiliza expresiones regulares para hacer coincidir los nombres de dominio, por lo que cualquier sitio que comience con "test." mostrará un borde azul en la parte superior y un mensaje en la esquina inferior derecha indicando que se trata de un entorno de prueba. La coincidencia se puede personalizar a través de la página de opciones.
En segundo lugar, puedes asignar manualmente un dominio a un entorno específico seleccionándolo en el menú emergente de la extensión, al que se accede haciendo clic en su icono en el navegador. Esto te permite identificar fácilmente tu entorno de trabajo para cualquier sitio web.
Website Color Coding ofrece varias opciones para modificar la retroalimentación visual del entorno. Se pueden establecer barras de color en cada dirección de la página, y el mensaje que indica el entorno se puede colocar en cualquier esquina o borde, con la opción de rotarlo si se desea.
Además, la extensión ofrece una función útil al advertirte si el dominio (nombre de host) cambia para un sitio detectado como perteneciente a uno de tus entornos asignados. Esto ayuda a evitar navegar accidentalmente al sitio equivocado durante el desarrollo.