WebLabeler: Environment Marker & Indicator Extension Chrome

Label your projects easily and avoid confusing production with test or development environments

Latest Version

Version

1.0.1

Update

October 8, 2024

Size

206KiB

Developer

WebLabeler: Environment Marker & Indicator Extension

WebLabeler is a handy tool for web developers, testers, content managers, and others juggling multiple environments (development, testing, staging, and production) daily.

With this lightweight extension, you can effortlessly create noticeable indicators that make your tabs easily distinguishable, helping you avoid mix-ups and costly mistakes.

Boost your productivity and stay organized with WebLabeler! 💪✨

Key Features:

🎨 Fully Customizable Labels: Design your labels exactly how you want by adjusting their shapes (triangle, ribbon, or frame), colors, positions, and opacity.

🌐 Powerful Domain Rules: Automatically apply labels to your projects based on their domain names using flexible rule types.

🖱 Quick Access via Tooltip: Easily toggle labels on or off without navigating to the settings.

📦 Export/Import Configurations: Share your label settings with your team or across different projects.

🔄 Sync Across Devices: Keep your label configurations synchronized across all your devices using Google Chrome’s account sync feature.

🌙 Dark Mode Support: Enjoy a dark mode option for comfortable use during late-night sessions or in low-light environments.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "WebLabeler: Environment Marker & Indicator", "description": "Label your projects easily and avoid confusing production with test or development environments", "version": "1.0.1", "icons": { "16": "/icon/icon-16.png", "32": "/icon/icon-32.png", "48": "/icon/icon-48.png", "128": "/icon/icon-128.png" }, "options_page": "/index.html", "action": { "default_popup": "/index.html#popup" }, "content_scripts": [ { "js": ["assets/contentScript.js"], "css": ["assets/contentScript.css"], "matches": ["*://*/*"] } ], "permissions": ["storage"]}