Environment Marker

This extension allows you to flag specified websites by adding a colored label depending on the URL configuration.

Environment Markerとは何ですか?

Environment MarkerはGeovanne Borges Bertonhaによって開発されたChromeの拡張機能で、その主な機能は「This extension allows you to flag specified websites by adding a colored label depending on the URL configuration.」です。

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

screenshot
screenshot
screenshot
screenshot
screenshot

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

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

拡張機能の使用方法

                        This extension allows you to flag specified websites by adding a colored label depending on the URL configuration. It also supports regular expression (including wildcards), color picker, and positioning preferences. 

When it comes to IT projects, it is very common having multiple environments: dev, QA, stage, and production. 
All those environments' interfaces are mostly identical, and as a consequence, mistakes may happen very often.
Who had never faced the situation when we intended to do a "little test" thinking it was doing in "dev" and suddenly realized that was in the production environment, and ended up applying a configuration in the wrong environment? After all, screw-ups are easy to happen because the look and feel of those sites are the same except by the discreet URL in the browser address bar. 
That is when the Environment Marker Extension comes into play. The Environment Marker is a free and open-source Chrome extension that allows you to configure the URLs of your project's environments and assign a colored "label" on the corner of the browser window, identifying the environment for you.
No more screw-ups in the production environment!

Available functionalities:
- Color picker to configure label color.
- Support regular expressions in the URL address (regexp).
- Support to choose the position of the label: Top-right, Top-left, Bottom-right, Bottom-left.
- Support "Quick Config" mode: an easy and fast way to set it up.
- Export and Import feature. 

How to use:

- After installing, access Bowser Configurations > More Tools > Extensions 
OR 
Click on the red pencil on the right side of the address bar.
- Click on the Options menu, over the Environment Marker section.
- Configure your Environments and click on the Save button.

Latest release notes v1.1:
NOTICE: Before updating make sure that you have a backup from your configuration. You can export your configuration using the "Export" functionality under Bowser Configurations > More Tools > Extensions and go to the extension "Options" menu.
- Introduced a new way to import a file hosted by a server. You can choose whether you want to automatically import the file in case of any changes occur.

Environment Marker is OpenSource and contributions are welcome!
https://github.com/geovanneb/envmarker                    

拡張機能の基本情報

名前 Environment Marker Environment Marker
ID ahjhdebcnlgmojdmjnhikhakkghcchkk
公式URL https://chromewebstore.google.com/detail/environment-marker/ahjhdebcnlgmojdmjnhikhakkghcchkk
説明 This extension allows you to flag specified websites by adding a colored label depending on the URL configuration.
ファイルサイズ 72.93 KB
インストール数 26,167
現在のバージョン 1.1
最終更新日 2023-07-10
公開日 2019-12-17
評価 4.88/5 合計 48 レビュー
開発者 Geovanne Borges Bertonha
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://environmentmarker.io/
ヘルプページのURL https://github.com/geovanneb/envmarker
対応言語 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Environment Marker",
    "version": "1.1",
    "description": "This extension allows you to flag specified websites by adding a colored label depending on the URL configuration.",
    "icons": {
        "16": "images\/icon-16.png",
        "48": "images\/icon-48.png",
        "128": "images\/icon-128.png"
    },
    "default_locale": "en",
    "action": {
        "default_icon": {
            "16": "images\/icon-16.png",
            "24": "images\/icon-24.png",
            "32": "images\/icon-32.png"
        },
        "default_title": "Environment Marker",
        "default_popup": "html\/popup.html"
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "scripts\/libs\/textfit\/textFit.min.js",
                "scripts\/modal.js"
            ]
        }
    ],
    "background": {
        "service_worker": "background.js"
    },
    "permissions": [
        "activeTab",
        "storage",
        "alarms"
    ],
    "host_permissions": [
        ""
    ],
    "options_page": "html\/options.html"
}