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 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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
공식 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
이메일 [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"
        }
    }
}