Environment Indicatorとは何ですか？

Environment Indicatorはgaoliangによって開発されたChromeの拡張機能で、その主な機能は「Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules」です。

拡張機能のスクリーンショット

Environment Indicator拡張機能のCRXファイルをダウンロード

Environment Indicator拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

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.

拡張機能の基本情報

名前	Environment Indicator
ID	kgdbcpllbbnimjgoiomfdebldcofmlbl
公式URL	https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
説明	Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
ファイルサイズ	944 KB
インストール数	2,597
現在のバージョン	1.0.3
最終更新日	2021-12-21
公開日	2020-12-19
評価	4.33/5 合計 6 レビュー
開発者	gaoliang
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/gaoliang/env-indicator
ヘルプページのURL	https://github.com/gaoliang/env-indicator
対応言語	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" } } }