Environment Indicator

Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules

Environment Indicator - Tailored Chrome Extension for Developers

Environment Indicator is a flexible Chrome extension intended for developers to easily identify different development stages. The extension facilitates visual markers on the web page, with personalizable placement, shape, color and matching rules for host differentiation. Moreover, it allows import and export of configuration rules, making coordination among team members easier.
Install from Chrome Web Store

Extension stats

By: gaoliang
Users: 3,000+
Rating: 4.33
(6)
Version: 1.0.3 (Last updated: 2021-12-21)
Creation date: 2020-12-19
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • storage
Size: 966.66K

Other platforms

Sensor Indicator (v1.7)
3.18 (1,750) 294,865+
Environment Indicator (v1.0.3)
5.00 (1) 120
Environment Indicator (v1.0.3)
4.50 (2) 2,563+
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This extension provides a configurable environment marker for developers. Through simple configuration rules, you can display an eye-catching indicator on the page to prevent developers from confusing the environment during development

source code: https://github.com/gaoliang/env-indicator

Key Features: 🌟 1. Support setting the mark as a triangle ◤ or ribbon. 🎗 🌟 2. Support setting the background color and text color of the marker. 🎨 🌟 3. Support to configure the mark to the upper left or upper right corner of the page. 🌟 4. Support regular expression matching, prefix matching, suffix matching and inclusion matching for host to differentiate different environments. 🌟 5. Support import and export rules.

User Guide:

  1. Install this extension, and click the extension icon to enter the configuration page. There will be some built-in environment configuration for you, such as Dev, Staging, Production.
  2. You can add your own rules by clicking the add button at the bottom right corner of the configuration page. Then, you can configure indicator rules using domain name matching
  3. In addition to simple environment names, you can also configure the background color, text color, position, and shape (triangle and ribbon) of the indicator.

User reviews

by Carlos Jiménez, 2024-02-27

Works okay, but is limited in customization. Would love to see the ability to match by paths as well as domain.
by Peter A, 2023-03-07

Hi, i love what this extension do. It works well until it makes my web.whatsapp.com broken. anyone has same issue like me?
View all user reviews

Extension safety

Risk impact

Environment Indicator requires very minimum permissions.

Risk likelihood

Environment Indicator has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Promo images

Environment Indicator small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Environment Indicator: