Was ist Environment Indicator?

Environment Indicator ist eine Chrome-Erweiterung, die von gaoliang entwickelt wurde, und ihr Hauptmerkmal ist "Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules".

Erweiterungsscreenshots

Environment Indicator-Erweiterungs-CRX-Datei herunterladen

Laden Sie Environment Indicator-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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.

Grundlegende Informationen zur Erweiterung

Name	Environment Indicator
ID	kgdbcpllbbnimjgoiomfdebldcofmlbl
Offizielle URL	https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
Beschreibung	Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
Dateigröße	944 KB
Installationsanzahl	2,597
Aktuelle Version	1.0.3
Letztes Update	2021-12-21
Veröffentlichungsdatum	2020-12-19
Bewertung	4.33/5 Insgesamt 6 Bewertungen
Entwickler	gaoliang
E-Mail	[email protected]
Zahlungsart	free
Erweiterungswebsite	https://github.com/gaoliang/env-indicator
Hilfeseite URL	https://github.com/gaoliang/env-indicator
Unterstützte Sprachen	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" } } }