Add a colored border to your site's different environments

Latest Version

Version

1.1.1

Update

July 6, 2024

Size

36.86KiB

Developer

Env Border Extension

Env Border is a Chrome extension designed to enhance your web development workflow by visually distinguishing between different environments of your applications. By allowing you to input the domains for your local, QE (Quality Engineering), and production environments, Env Border sets a colored border around the webpage window. This simple yet effective visual cue helps you quickly identify the environment you're currently viewing at a glance.

Features
Environment Recognition: Automatically recognizes the environment based on the domain.
Color-Coded Borders: Adds a distinct colored border to the window:
Green for Local
Yellow for QE
Red for Production
Custom Domain Input: Allows you to specify the domains for each environment.

github: https://github.com/jmason87/env-border

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Env Border", "version": "1.1.1", "description": "Add a colored border to your site's different environments", "permissions": ["activeTab", "storage"], "icons": { "16": "images/env-border-icon-16.png", "36": "images/env-border-icon-48.png", "48": "images/env-border-icon-48.png", "128": "images/env-border-icon-128.png" }, "action": { "default_popup": "popup.html" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [""], "js": ["contentScript.js"], "run_at": "document_idle" } ] }

Download CRX(36.86KiB)