Environment Indicator Browser Extension

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

Screenshots

Features

🌟 1. Support setting the marker as a triangle ◤ or ribbon. 🎗

🌟 2. Support setting the background color and text color of the marker. 🎨

🌟 3. Support to configure the marker 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.

Special Thanks

Develop Guide

Install the quasar-cli and dependencies

yarn global add @quasar/cli
yarn

Start the app in development mode (hot-code reloading, error reporting, etc.)

quasar dev -m bex -T chrome

Lint the files

yarn run lint

Build the app for production

 quasar build -m bex -T chrome

Customize the configuration

See Configuring quasar.conf.js.