Qu'est-ce que Environment Indicator ?

Environment Indicator est une extension Chrome développée par gaoliang, et sa fonction principale est "Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules".

Captures d'Écran de l'Extension

Télécharger le fichier CRX de l'extension Environment Indicator

Téléchargez les fichiers d'extension Environment Indicator au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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.

Informations de Base sur l'Extension

Nom	Environment Indicator
ID	kgdbcpllbbnimjgoiomfdebldcofmlbl
URL Officiel	https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
Description	Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
Taille du Fichier	944 KB
Nombre d'Installations	2,597
Version Actuelle	1.0.3
Dernière Mise à Jour	2021-12-21
Date de Publication	2020-12-19
Évaluation	4.33/5 Total 6 Évaluations
Développeur	gaoliang
Email	[email protected]
Type de Paiement	free
Site Web de l'Extension	https://github.com/gaoliang/env-indicator
URL de la Page d'Aide	https://github.com/gaoliang/env-indicator
Langues Prises en Charge	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" } } }