Environment Indicator

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

Cos'è Environment Indicator?

Environment Indicator è un'estensione di Chrome sviluppata da gaoliang, e la sua funzione principale è "Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules".

Screenshot dell'Estensione

screenshot
screenshot
screenshot
screenshot

Scarica il file CRX dell'estensione Environment Indicator

Scarica i file di estensione Environment Indicator in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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.                    

Informazioni di Base sull'Estensione

Nome Environment Indicator Environment Indicator
ID kgdbcpllbbnimjgoiomfdebldcofmlbl
URL Ufficiale https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
Descrizione Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
Dimensione del File 944 KB
Conteggio Installazioni 2,597
Versione Corrente 1.0.3
Ultimo Aggiornamento 2021-12-21
Data di Pubblicazione 2020-12-19
Valutazione 4.33/5 Totale 6 Valutazioni
Sviluppatore gaoliang
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://github.com/gaoliang/env-indicator
URL della Pagina di Aiuto https://github.com/gaoliang/env-indicator
Lingue Supportate 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"
        }
    }
}