# Environment Indicator

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

Canonical page: [https://chrome-stats.com/d/environment-indicator](https://chrome-stats.com/d/environment-indicator)

## Overview

- **ID:** `environment-indicator`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Removed
- **Publisher:** Casino 78win
- **Daily users:** 1
- **Version:** 1.0.5
- **Last updated:** 2025-05-07
- **First published:** 2025-05-04
- **Size:** 868 KB
- **Data as of:** 2026-06-23
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/environment-indicator/)

## Description

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: <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/058c066265c35f7f31003f6f60caaaf9eb1e342d981226e69af5d9039f8158fd/https%3A//github.com/gaoliang/env-indicator" rel="nofollow">https://github.com/gaoliang/env-indicator</a>

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. Supports configuring the mark to any of the four corners 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.

## Permissions and access

### Permissions

- `storage`
- `http://*/*`
- `https://*/*`

### Content script matches

- `<all_urls>`

## Safety

- **Risk impact:** Moderate risk impact
- **Risk likelihood:** High risk likelihood

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- This extension is not longer available in the store

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Environment Indicator](https://chrome-stats.com/d/env-indicator) — 79 users, 5.00 / 5
- [Environment Marker](https://chrome-stats.com/d/environment-marker-extension) — 267 users, 5.00 / 5
- [Environment Indicator](https://chrome-stats.com/d/indicateur-d-environnement) — 2 users
- [Env Border](https://chrome-stats.com/d/env-border) — 2 users
- [Website color coding](https://chrome-stats.com/d/website-color-coding)
- [Smart Environment Ribbon](https://chrome-stats.com/d/smart-environment-ribbon) — 1 users
- [Am I doing this in Prod ?](https://chrome-stats.com/d/am-i-doing-this-in-prod) — 1 users
- [Contentful Environment Tracker](https://chrome-stats.com/d/contentful-environment-tracker)
- [Dynamic Environment Detector](https://chrome-stats.com/d/dynamic-environment-detector)
- [GCP Logs Explorer Helper](https://chrome-stats.com/d/gcp-logs-explorer-helper)
- [Environment Marker](https://chrome-stats.com/d/environment-marker) — 507 users, 4.86 / 5
- [EnvSwitcher](https://chrome-stats.com/d/envswitcher) — 1 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/environment-indicator)