Item logo image for Environment Marker

Environment Marker

environmentmarker.io
Featured
4.9(

56 ratings

)
ExtensionDeveloper Tools30,000 users
Item media 5 screenshot
Item media 6 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 4 screenshot
Item media 5 screenshot
Item media 6 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 4 screenshot
Item media 5 screenshot
Item media 6 screenshot

Overview

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

4.9 out of 556 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    1.2.1
  • Updated
    March 11, 2025
  • Size
    160KiB
  • Languages
    11 languages
  • Developer
    Website
    Email
    geovanneb@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps