Environment Indicator là gì?

Environment Indicator là một tiện ích mở rộng Chrome được phát triển bởi gaoliang, và tính năng chính của nó là "Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng Environment Indicator

Tải xuống các tệp mở rộng Environment Indicator dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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.

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	Environment Indicator
ID	kgdbcpllbbnimjgoiomfdebldcofmlbl
URL Chính Thức	https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
Mô tả	Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
Kích Thước Tệp	944 KB
Số Lần Cài Đặt	2,597
Phiên Bản Hiện Tại	1.0.3
Cập Nhật Lần Cuối	2021-12-21
Ngày Phát Hành	2020-12-19
Đánh Giá	4.33/5 Tổng số 6 Đánh Giá
Nhà Phát Triển	gaoliang
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/gaoliang/env-indicator
URL Trang Trợ Giúp	https://github.com/gaoliang/env-indicator
Ngôn Ngữ Được Hỗ Trợ	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" } } }