O que é Environment Indicator?

Environment Indicator é uma extensão do Chrome desenvolvida por gaoliang, e sua principal característica é "Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules".

Capturas de Tela da Extensão

Baixar o arquivo CRX da Extensão Environment Indicator

Baixe arquivos de extensão Environment Indicator no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

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.

Informações Básicas da Extensão

Nome	Environment Indicator
ID	kgdbcpllbbnimjgoiomfdebldcofmlbl
URL Oficial	https://chromewebstore.google.com/detail/environment-indicator/kgdbcpllbbnimjgoiomfdebldcofmlbl
Descrição	Add an environment marker to differentiate QA environments from production. In addition, you can create your own indicator rules
Tamanho do Arquivo	944 KB
Contagem de Instalações	2,597
Versão Atual	1.0.3
Última Atualização	2021-12-21
Data de Publicação	2020-12-19
Classificação	4.33/5 Total de 6 Avaliações
Desenvolvedor	gaoliang
Email	[email protected]
Tipo de Pagamento	free
Site da Extensão	https://github.com/gaoliang/env-indicator
URL da Página de Ajuda	https://github.com/gaoliang/env-indicator
Idiomas Suportados	en,zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "__MSG_extensionName__", "description": "__MSG_extensionDescription__", "version": "1.0.3", "manifest_version": 2, "default_locale": "en", "icons": { "16": "icons\/icon-16x16.png", "48": "icons\/icon-48x48.png", "128": "icons\/icon-128x128.png" }, "browser_action": { "default_popup": "www\/index.html#\/popup", "default_title": "__MSG_extensionName__" }, "background": { "scripts": [ "www\/js\/bex-background.js", "js\/background.js" ], "persistent": true }, "content_scripts": [ { "matches": [ "" ], "js": [ "www\/js\/bex-content-script.js", "js\/content-script.js" ], "css": [ "css\/content-css.css" ] } ], "options_page": "www\/index.html", "permissions": [ "storage" ], "web_accessible_resources": [ "www\/", "js\/", "css\/*", "" ], "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self';", "applications": { "gecko": { "id": "[email protected]", "strict_min_version": "53.0" } } }