What is Environment Marker?

Environment Marker is a Chrome extension developed by XjSv, and its main feature is "Provides a way to add a color indicator or marker (ribbon) on a web page depending on the URL.".

Extension Screenshots

Download Environment Marker Extension CRX File

Download Environment Marker extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Features:
- Configurable Ribbons - Add a URL or part of a URL, choose a color and a ribbon will be added to the page of any website that matches part of that URL. Here are some examples:

- github.com
- https://github.com
- http://dev.
- http://qa.
- environment-marker

- Configurable Ribbon Positions - Choose where to position the ribbon (top left, top right, bottom left, bottom right).
- Configurable Ribbon Sizes - Choose one of 5 sizes (extra small, small, normal, large, extra large).
- Ribbon Labels - Displays a label on the ribbon.
- Import/Export - Export and import ribbon configurations.
- Multilingual Support - Currently supports English, Spanish, German & French (more coming soon).
- Reusable Color Swatch - The last 7 colors used will be available from the color swatch.
- RegExp - When enabled the URL fragment can be used with RegExp instead of searching using indexOf.
- Tab Counter - Displays the number of open tabs. Color is green when under 10 tabs and red when above. I plan to make this configurable in the future.
- Font Picker - Ability to select fonts for the ribbons. Font come from Google Fonts.
- Favicon Marker - Ability to set a colored circle marker to the favicon of the site.

See the open issues in GitHub for a list of proposed features (and known issues).

Github: https://github.com/XjSv/environment-marker

For contribution to translations see Environment Marker in Crowdin: https://crowdin.com/project/environment-marker

Extension Basic Information

Name	Environment Marker
ID	cjnmfjkimfbollcepfbhpahipampinhb
Official URL	https://chromewebstore.google.com/detail/environment-marker/cjnmfjkimfbollcepfbhpahipampinhb
Description	Provides a way to add a color indicator or marker (ribbon) on a web page depending on the URL.
File Size	888 KB
Installation Count	1,691
Current Version	3.0.1
Last Updated	2023-07-10
Publish Date	2020-09-23
Rating	5.00/5 Total 2 Ratings
Developer	XjSv
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/XjSv/environment-marker
Help Page URL	https://github.com/XjSv/environment-marker/issues
Supported Languages	de,en,fr,es,zh-CN
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "__MSG_extensionName__", "version": "3.0.1", "description": "__MSG_extensionDescription__", "homepage_url": "https:\/\/github.com\/XjSv\/environment-marker", "default_locale": "en", "icons": { "32": "\/images\/icons\/environment-marker-32.png", "64": "\/images\/icons\/environment-marker-64.png", "128": "\/images\/icons\/environment-marker-128.png", "256": "\/images\/icons\/environment-marker-256.png", "512": "\/images\/icons\/environment-marker-512.png" }, "permissions": [ "tabs", "activeTab", "storage", "scripting" ], "host_permissions": [ "" ], "minimum_chrome_version": "88", "action": { "chrome_style": false, "theme_icons": [ { "light": "\/images\/icons\/environment-marker-32.png", "dark": "\/images\/icons\/environment-marker-32.png", "size": 32 } ], "default_icon": { "32": "\/images\/icons\/environment-marker-32.png" }, "default_title": "Environment Marker", "default_popup": "\/popup\/environment-marker.html" }, "options_ui": { "page": "\/options\/options.html" }, "background": { "service_worker": "js\/background.min.js" }, "content_scripts": [ { "matches": [ "" ], "js": [ "libraries\/favico.min.js", "js\/content.min.js" ] } ] }