Website color coding là gì?

Website color coding là một tiện ích mở rộng Chrome được phát triển bởi MPaans, và tính năng chính của nó là "Helps to identify which environment you are working in.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng Website color coding

Tải xuống các tệp mở rộng Website color coding dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

Need to keep track of what environment you are working in? Then this extension is for you! But how, you ask? Let me explain.

Basically, what this extension does is adding some basic HTML elements to your loaded page to help you identify the environment you are working in.

But how does it work?! There are two ways that environments are detected:

Firstly, by a blanket match of domain names via regular expressions. Going by the default configuration this means that any site you visit that starts with "test." is getting elements added that show you a blue border at the top, and a message at the bottom right saying "Test environment". You can change the matching through the options page.

Secondly, you can specifically assign a domain to an environment by selecting it from the popup menu which you can access by clicking the extension's icon in your browser.

There are quite some options to modify the way you want to see the visual feedback of the environment you are working in. Colorbars can be set on each direction of your page, and the message telling you what environment you are in can be positioned in any corner or border (and rotated if you like).

Oh.. one more nice feature: if a site is detected as being in one of your environments, it will give you a warning if the domain (hostname) will be changed. That will help you with those pesky links on a development site that sneakily directs you to the production site!

I hope you find this useful. If you want to contribute, check out my repository at https://github.com/MPaans/chrome-extension-website-color-coding

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	Website color coding
ID	kepaiegdbfgdhpbgilafmcpjdffepckh
URL Chính Thức	https://chromewebstore.google.com/detail/website-color-coding/kepaiegdbfgdhpbgilafmcpjdffepckh
Mô tả	Helps to identify which environment you are working in.
Kích Thước Tệp	35.9 KB
Số Lần Cài Đặt	144
Phiên Bản Hiện Tại	1.1.1
Cập Nhật Lần Cuối	2019-10-14
Ngày Phát Hành	2019-09-20
Đánh Giá	5.00/5 Tổng số 2 Đánh Giá
Nhà Phát Triển	MPaans
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/MPaans/chrome-extension-website-color-coding
URL Trang Trợ Giúp	https://github.com/MPaans/chrome-extension-website-color-coding/issues
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Website color coding", "version": "1.1.1", "description": "Helps to identify which environment you are working in.", "icons": { "256": "icon.png" }, "background": { "scripts": [ "shared.js", "eventpage.js" ], "persistent": false }, "content_scripts": [ { "matches": [ "http:\/\/\/", "https:\/\/\/" ], "js": [ "shared.js", "main.js" ], "run_at": "document_end" } ], "browser_action": { "default_title": "Add color coding to this website", "default_icon": "icon.png", "default_popup": "popup.html" }, "options_page": "options.html", "content_security_policy": "script-src 'self'; object-src 'self'", "permissions": [ "activeTab", "storage" ] }