Environment Marker
- Extension status: Featured
- Live on Store
Use the Environment Marker extension and prevent screw-ups with the (programming) environments.
This extension helps you visually distinguish between different environments by adding a colored label to specified websites based on URL configurations. It supports regular expressions (including wildcards), a color picker, and positioning preferences.
Why Use Environment Marker?
In IT projects, working with multiple environments—such as development, QA, staging, and production—is common. However, since these environments often look identical, mistakes can happen.
Have you ever intended to run a "quick test" in the development environment, only to realize too late that you were actually in production? Misconfigurations and accidental changes can easily occur because the only visible difference is the discreet URL in the browser's address bar.
That is where Environment Marker comes in. This free and open-source Chrome extension lets you define your project’s environment URLs and assign a colored label in the browser window to identify them at a glance.
No more screw-ups in the production environment!
Features:
✅ Customizable labels – Choose label colors with a color picker.
✅ Regular expression support – Use regex patterns to match URLs dynamically.
✅ Flexible label positioning – Place the label in any corner: Top-right, Top-left, Bottom-right, Bottom-left or Moldure.
✅ Quick Config mode – A fast and easy setup option.
✅ Export & Import settings – Backup and restore configurations effortlessly.
How to Use:
- After installation, go to Chrome Settings > Extensions > Manage Extensions
OR
- Click the red pencil icon next to the address bar.
- Open the Options menu under Environment Marker.
- Configure your environments and click Save.
Latest Release – v1.2.1
Important: Before updating, export your settings for backup. Go to Chrome Settings > Extensions > Manage Extensions, open the extension’s Options menu, and use the Export feature.
What’s New?
✔ Minor bug fixes.
✔ Added support for ribbon transparency.
Environment Marker is open-source, and contributions are welcome!
GitHub: https://github.com/geovanneb/envmarker
Latest reviews
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.
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!
Nice app but please add: - Trasparency - Font size customization. - Ribbon size customization.
Great extension. To reach five stars need to be implemented: - Font size customization. - Ribbon size customization. - Trasparency (as for Edge browser similar app version)
Great tool to have! It really prevented me from doing dumb stuff in the production environment.
That is amazing! No more screw-ups.
Must have for Go-Live scenarios!
What a handy tool! Does exactly what is says it does. Works great.
Been using for years, does what you need
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.
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.
Lifesaver. Would be nice if it changed the tab color too!
Lifesaver. Would be nice if it changed the tab color too!
Замечательное расширение. Не думал что найду то, что мне нужно)
Exactly what I was looking for. Love you man. I only wish it could be sized up.
Exactly what I was looking for. Love you man. I only wish it could be sized up.
Very useful extension!
Very useful extension!
simple and useful
simple and useful
Very useful!
Very useful!
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.
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.
Really nice, but add transparency to able to see button below banner.
Really nice, but add transparency to able to see button below banner.
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.
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.
Simple and useful
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
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
Total Lifesaver! There's no more need to quadruple check the URL before submitting something in Swagger.
Thank you for saving me from countless "Did I make that change in QA or Dev?" thoughts in my head!
Thank you for saving me from countless "Did I make that change in QA or Dev?" thoughts in my head!
Simple and powerful! It just works! No more screwing up with environments :)
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!!!
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!!!
simple, works, very nice
simple, works, very nice
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!
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!
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..
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..
Very helpful. Avoid screw ups with this extension.
Super helpful for our dev team. Works like a charm. No more special code needed when cloning environments.
Super helpful for our dev team. Works like a charm. No more special code needed when cloning environments.
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).
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).
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.
Great idea!
