Environment Indicator

Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules

什麼是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”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載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 Environment Indicator
ID kgdbcpllbbnimjgoiomfdebldcofmlbl
官方網址 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
電子郵箱 [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"
        }
    }
}