Website color coding
Helps to identify which environment you are working in.
Website color coding란 무엇입니까?
Website color coding은(는) MPaans에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Helps to identify which environment you are working in."입니다.
확장 프로그램 스크린샷
Website color coding 확장 프로그램 CRX 파일 다운로드
크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.
확장 프로그램 사용 설명서
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 확장 프로그램 기본 정보
| 이름 |  Website color coding |
| ID | kepaiegdbfgdhpbgilafmcpjdffepckh |
| 공식 URL | https://chromewebstore.google.com/detail/website-color-coding/kepaiegdbfgdhpbgilafmcpjdffepckh |
| 설명 | Helps to identify which environment you are working in. |
| 파일 크기 | 35.9 KB |
| 설치 횟수 | 144 |
| 현재 버전 | 1.1.1 |
| 최근 업데이트 | 2019-10-14 |
| 출시 날짜 | 2019-09-20 |
| 평점 | 5.00/5 총 2 개의 평점 |
| 개발자 | MPaans |
| 이메일 | [email protected] |
| 결제 유형 | free |
| 확장 프로그램 웹 사이트 | https://github.com/MPaans/chrome-extension-website-color-coding |
| 도움말 페이지 URL | https://github.com/MPaans/chrome-extension-website-color-coding/issues |
| 지원되는 언어 | 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"
]
} | |
