Environment Marker

CRX ID
ahjhdebcnlgmojdmjnhikhakkghcchkk
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

Environment Marker 拡張機能を使用して、(プログラミング)環境でのミスを防ぎます。

Image from store
Environment Marker
Description from store

この拡張機能は、URL設定に基づいて特定のWebサイトにカラフルなラベルを追加し、異なる環境を視覚的に区別できるようにするものです。
正規表現(ワイルドカードを含む)、カラーピッカー、ラベルの配置オプションをサポートしています。

なぜEnvironment Markerを使うべきか?
ITプロジェクトでは、**開発(Dev)、品質保証(QA)、ステージング(Staging)、本番(Production)**といった複数の環境で作業することが一般的です。しかし、これらの環境は見た目がほぼ同じであるため、誤操作が発生しやすくなります。

「開発環境でちょっとしたテストをするつもりだったのに、実は本番環境だった!」
そんな経験はありませんか? ブラウザのアドレスバーに表示されるURL以外の違いがほとんどないため、設定ミスや誤った変更が起こりやすいのです。

そこで登場するのが Environment Marker です!
この無料かつオープンソースのChrome拡張機能を使えば、プロジェクトの環境ごとにURLを設定し、ブラウザウィンドウ内にカラフルなラベルを表示できます。

もう本番環境での誤操作とはおさらば!

機能:
✅ カスタマイズ可能なラベル – カラーピッカーを使って好きな色を選択。
✅ 正規表現対応 – 正規表現(Regex)を使用してURLを動的にマッチング可能。
✅ 柔軟なラベル配置 – 右上、左上、右下、左下、Moldure のいずれかに配置可能。
✅ クイック設定モード – すばやく簡単にセットアップできるオプション。
✅ エクスポート&インポート機能 – 設定のバックアップや復元が簡単にできる。

使い方:
インストール後、 Chrome設定 > 拡張機能 > 拡張機能を管理 に移動
または
アドレスバー右側の赤い鉛筆アイコンをクリック
Environment Markerの「オプション」メニューを開く
環境を設定し、「保存」ボタンをクリック
最新バージョン – v1.2.1
⚠ 重要: アップデート前に、設定をエクスポートしてバックアップを取ってください。
Chrome設定 > 拡張機能 > 拡張機能を管理 に移動し、オプションメニューを開いて エクスポート 機能を使用してください。

新着情報
✔ 軽微なバグを修正しました。
✔ リボンの透明度をサポートしました。

Environment Markerはオープンソースです!貢献大歓迎!
GitHub: https://github.com/geovanneb/envmarker

Latest reviews

sureshbabu devarajan 2025-09-10

This a very nice app. no more production screw ups. I have an internal application like "https://admin.mycompany.info/admin/index.jsp. I have added marker for this environment. but it is still not showing the marker. I think it is not recognizing the domain. Please check.

Joshua Kiefer 2025-07-17

Man, this extension is great! Helps me keep my sanity when working on different servers/environments. I only wish we could adjust the thickness of the "Moldure/Border" position. But the ability to adjust the transparency has been helpful in its absence! Thanks!

Wojciech Ignasiak 2025-01-14

Nice app but please add: - Trasparency - Font size customization. - Ribbon size customization.

eM Ti 2025-01-13

Great extension. To reach five stars need to be implemented: - Font size customization. - Ribbon size customization. - Trasparency (as for Edge browser similar app version)

J-hiz 2024-06-12

Great tool to have! It really prevented me from doing dumb stuff in the production environment.

Android TV 2024-04-14

That is amazing! No more screw-ups.

Hugo Duarte 2024-03-19

Must have for Go-Live scenarios!

Bryan De Nijs 2024-01-31

What a handy tool! Does exactly what is says it does. Works great.

Bhishma Patel 2024-01-06

Been using for years, does what you need

Kevin Clark 2023-08-02

Great add-in. I've put in a feature request for a "mouse over transparency" feature, which would solve the only thing I wish it did.

Kevin Clark 2023-08-02

Great add-in. I've put in a feature request for a "mouse over transparency" feature, which would solve the only thing I wish it did.

Jay Genaza 2023-04-13

Lifesaver. Would be nice if it changed the tab color too!

Jay Genaza 2023-04-13

Lifesaver. Would be nice if it changed the tab color too!

Игорь Александрович 2022-12-27

Замечательное расширение. Не думал что найду то, что мне нужно)

Jan Pippal 2022-11-10

Exactly what I was looking for. Love you man. I only wish it could be sized up.

Jan Pippal 2022-11-10

Exactly what I was looking for. Love you man. I only wish it could be sized up.

Mahesh Wagh 2022-11-02

Very useful extension!

Mahesh Wagh 2022-11-02

Very useful extension!

Suzy Johnson 2022-10-13

simple and useful

Suzy Johnson 2022-10-13

simple and useful

Tomáš K 2022-05-06

Very useful!

T K 2022-05-06

Very useful!

Bruno Silva 2022-03-31

Thanks for this extension, it's very helpful! One small suggestion: it would be nice if the "hide label" action could keep the state between page refreshes. That would be really useful, for example, when checking pages on small screen sizes, where the label can really get on the way, and hiding it after every page refresh is a bit annoying.

Bruno Silva 2022-03-31

Thanks for this extension, it's very helpful! One small suggestion: it would be nice if the "hide label" action could keep the state between page refreshes. That would be really useful, for example, when checking pages on small screen sizes, where the label can really get on the way, and hiding it after every page refresh is a bit annoying.

Eric Julien 2021-04-30

Really nice, but add transparency to able to see button below banner.

Eric Julien 2021-04-30

Really nice, but add transparency to able to see button below banner.

Robert Hawke 2021-02-22

very nicely done! only issue i have is that no matter what corner i place it in, at some times it blocks what I should see. It would be nice to have a transparency option in the settings. Or a way to temporarily hide it by clicking on it.

Robert Hawke 2021-02-22

very nicely done! only issue i have is that no matter what corner i place it in, at some times it blocks what I should see. It would be nice to have a transparency option in the settings. Or a way to temporarily hide it by clicking on it.

Bruno da Silva Bertolani 2020-08-10

Simple and useful

Eric Kinney 2020-07-20

I like how it makes it very obvious. I wish it could work based on IP address instead of URL - our production and dev is always the same URL, but we manipulate which PROD/DEV by adjusting the hosts file. We need a tool like Environment Marker to help us know which site we are on at all times but it needs to be based on IP address, not restricted to URL only

Eric Kinney 2020-07-20

I like how it makes it very obvious. I wish it could work based on IP address instead of URL - our production and dev is always the same URL, but we manipulate which PROD/DEV by adjusting the hosts file. We need a tool like Environment Marker to help us know which site we are on at all times but it needs to be based on IP address, not restricted to URL only

Paulo Roberto Beccaro 2020-07-07

Total Lifesaver! There's no more need to quadruple check the URL before submitting something in Swagger.

Chrisse Gannon Carothers 2020-06-25

Thank you for saving me from countless "Did I make that change in QA or Dev?" thoughts in my head!

Chrisse Gannon Carothers 2020-06-25

Thank you for saving me from countless "Did I make that change in QA or Dev?" thoughts in my head!

Alfeu Lucas 2020-01-17

Simple and powerful! It just works! No more screwing up with environments :)

Ronaldo Figueiredo 2019-12-19

I really enjoyed it. It prevents us from making silly mistakes among the environments. Our DEV team is installing on their machines !!! I would like to be able to customize the font size to allow me to see up to 2 lines. The reason is that sometimes we need to display the "Project´s name + Environment" . Anyway, my friend, congrats and tks a lot!!!

Ronaldo Figueiredo 2019-12-19

I really enjoyed it. It prevents us from making silly mistakes among the environments. Our DEV team is installing on their machines !!! I would like to be able to customize the font size to allow me to see up to 2 lines. The reason is that sometimes we need to display the "Project´s name + Environment" . Anyway, my friend, congrats and tks a lot!!!

Richard Campbell 2019-12-12

simple, works, very nice

Richard Campbell 2019-12-12

simple, works, very nice

Ken 2019-11-13

Simple but Extremely Effective! I know this is going to be one of my favorite extensions and will be one that I reinstall right away, whenever I am setting up a new environment!

Ken 2019-11-13

Simple but Extremely Effective! I know this is going to be one of my favorite extensions and will be one that I reinstall right away, whenever I am setting up a new environment!

Sharad Khanna 2019-04-29

Great idea and I really like the easy identification marker that shows up. One problem for me at least - was that I couldn't access controls under it. I was hoping there could be option to move it around the screen - like different corners or even the sides..

Sharad Khanna 2019-04-29

Great idea and I really like the easy identification marker that shows up. One problem for me at least - was that I couldn't access controls under it. I was hoping there could be option to move it around the screen - like different corners or even the sides..

Anonymous 2019-03-15

Very helpful. Avoid screw ups with this extension.

Ruben Chavez 2019-02-18

Super helpful for our dev team. Works like a charm. No more special code needed when cloning environments.

Ruben Chavez 2019-02-18

Super helpful for our dev team. Works like a charm. No more special code needed when cloning environments.

Roberto Barrios 2018-11-26

Very easy to use and setup. Would love to get more customization options (change type of ribbon, placement, text type, hide on mouse hover, etc).

Roberto Barrios 2018-11-26

Very easy to use and setup. Would love to get more customization options (change type of ribbon, placement, text type, hide on mouse hover, etc).

Manon L 2018-05-09

Fonctionne bien mais j'avais besoin de cette application également pour détecter les différentes IP. Elle ne fonctionne que par nom de domaine malheureusement.

Anonymous 2017-09-13

Great idea!

Statistics

Installs
30,000
Market
Chrome Web Store
Category
Rating
4.83 (58 votes)
Last update
2025-03-11
Version 1.2.1
Languages