Environment Marker Environment Marker

Developer Tools
Version: 1.1
Last Update: 2021-12-31

Overview

Environment Marker is a Chrome extension developed by Geovanne Borges Bertonha. According to the data from Chrome web store, current version of Environment Marker is 1.1, updated on 2021-12-31.
10,000+ users have installed this extension. 46 users have rated this extension with an average rating of .

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

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

Rating

46 ratings

Total Installs

10,000+

Information

Last Update

2021-12-31

Current Version

1.1

Size

72.93KiB

Author

Geovanne Borges Bertonha

Website

None

Category

Developer Tools

Latest Reviews

See More

avatar Tomáš K
2022-05-06

Very useful!

avatar 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.

avatar Eric Julien
2021-04-30

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

avatar 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.

avatar 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