¿Qué es Environment Indicator?

Environment Indicator es una extensión de Chrome desarrollada por gaoliang, y su función principal es "Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules".

Capturas de Pantalla de la Extensión

Descargar Archivo CRX de la Extensión Environment Indicator

Descarga archivos de extensión Environment Indicator en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

This extension provides a configurable environment marker for developers. Through simple configuration rules, you can display an eye-catching indicator on the page to prevent developers from confusing the environment during development

source code: https://github.com/gaoliang/env-indicator

Key Features：
🌟 1. Support setting the mark as a triangle ◤ or ribbon. 🎗
🌟 2. Support setting the background color and text color of the marker. 🎨
🌟 3. Support to configure the mark to the upper left or upper right corner of the page.
🌟 4. Support regular expression matching, prefix matching, suffix matching and inclusion matching for host to differentiate different environments.
🌟 5. Support import and export rules.

User Guide:
1. Install this extension, and click the extension icon to enter the configuration page. There will be some built-in environment configuration for you, such as Dev, Staging, Production.
2. You can add your own rules by clicking the add button at the bottom right corner of the configuration page. Then, you can configure indicator rules using domain name matching
3. In addition to simple environment names, you can also configure the background color, text color, position, and shape (triangle and ribbon) of the indicator.

Información Básica de la Extensión

Nombre	Environment Indicator
ID	kgdbcpllbbnimjgoiomfdebldcofmlbl
URL Oficial	https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
Descripción	Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
Tamaño del Archivo	944 KB
Cantidad de Instalaciones	2,597
Versión Actual	1.0.3
Última Actualización	2021-12-21
Fecha de Publicación	2020-12-19
Calificación	4.33/5 Total de 6 Calificaciones
Desarrollador	gaoliang
Correo electrónico	[email protected]
Tipo de Pago	free
Sitio Web de la Extensión	https://github.com/gaoliang/env-indicator
URL de la Página de Ayuda	https://github.com/gaoliang/env-indicator
Idiomas Soportados	en,zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "__MSG_extensionName__", "description": "__MSG_extensionDescription__", "version": "1.0.3", "manifest_version": 2, "default_locale": "en", "icons": { "16": "icons\/icon-16x16.png", "48": "icons\/icon-48x48.png", "128": "icons\/icon-128x128.png" }, "browser_action": { "default_popup": "www\/index.html#\/popup", "default_title": "__MSG_extensionName__" }, "background": { "scripts": [ "www\/js\/bex-background.js", "js\/background.js" ], "persistent": true }, "content_scripts": [ { "matches": [ "" ], "js": [ "www\/js\/bex-content-script.js", "js\/content-script.js" ], "css": [ "css\/content-css.css" ] } ], "options_page": "www\/index.html", "permissions": [ "storage" ], "web_accessible_resources": [ "www\/", "js\/", "css\/*", "" ], "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self';", "applications": { "gecko": { "id": "[email protected]", "strict_min_version": "53.0" } } }