Environment Marker icon

Environment Marker

by Geovanne Borges Bertonha · environmentmarker.io · Developer Tools
FeaturedEstablished publisherManifest V3 Free
View in Chrome Web Store Data as of 15 Oct 2026

Use the Environment Marker extension and prevent screw-ups with the (programming) environments.

Users
40K
0 in 30 days
Rating
4.8 / 5
unchanged in 30 days
Ratings
57
0 in 30 days
Store rank
#4,024
#3,494 among extensions
Version
1.2.1
updated 11 Mar 2025

Users

monthly, 3 years
3,00022K40KAug 2023Apr 2025Oct 2026
Latest, 15 Oct 2026: 40,000 usersMove the mouse over the chart for any month

Ratings count

monthly, 3 years
103459Aug 2023Apr 2025Oct 2026
Latest, 15 Oct 2026: 57 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About Environment Marker

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

Growth

WindowUsersChangeRatingsRating
7 days0+0.0%00.00
30 days0+0.0%00.00
6 months0+0.0%−2−0.01
1 year+10K+33.3%−1−0.01

Chrome Web Store search rankings

Where Environment Marker appears when people search the store, with the 30 day change
Search phrasePosition30 days
environment#10
marker#6−1
label#32−20
development#70−16
options#88−36

Version history

4 versions recorded
1.2.111 Mar 2025
1.222 Feb 2025
1.131 Dec 2021
1.0.417 Dec 2019

Details

Category
Developer Tools
First seen
17 Dec 2019
Size
160 KB
Languages
de, en, vi, es, fr, it, pt-BR, ru
Pricing
Free
Privacy policy
environmentmarker.io
Support
github.com
Extension ID
ahjhdebcnlgmojdmjnhikhakkghcchkk

Permissions and risk

Minimal riskimpact 2, likelihood 0
Permissions
activeTabstoragealarms
Site access
<all_urls>
Can read and change data on every website you visit.

Alternatives to Environment Marker

Extensions that rank for the same store searches or share the Developer Tools category, ordered by users