Web Mask란 무엇입니까?

Web Mask은(는) Frank Ren에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server."입니다.

확장 프로그램 스크린샷

Web Mask 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

It enables you to

- Debug a remote web site, for which source map is usually disabled, with your local web server
- Test your local changes with actual data from remote servers - integration test before pull request

The idea and its implementation are based on HTTP and HTML web standards, independent to the framework of your choice, with the following constraints:
* It doesn't work with `document.write()`
* The local web server must include HTTP response header, Access-Control-Allow-Origin:*
* "Bypass for network" for service workers. See screenshots for instruction.

It's similar to "Resource Override", but it requires a minimum configuration, it is built for Manifest V3, and it is test automation friendly. See
* https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii
* https://developer.chrome.com/docs/extensions/mv3/mv2-sunset/

Tests (in alphabetic order)
* Successful. Manual.
* Target website: https://angular.io/
* Source code: https://github.com/angular/angular
* Successful. Automated.
* Target website: https://material.angular.io/
* Source code: https://github.com/angular/material.angular.io
* Not supported. The local web server doesn't include the HTTP response header, Access-Control-Allow-Origin:*
* Target website: https://reactjs.org/
* Source code: https://github.com/reactjs/reactjs.org
* Successful. Automated.
* Target website: https://vuejs.org/
* Source code: https://github.com/vuejs/docs

확장 프로그램 기본 정보

이름	Web Mask
ID	cnglippokopaohjfeejlkblfjnekojia
공식 URL	https://chromewebstore.google.com/detail/web-mask/cnglippokopaohjfeejlkblfjnekojia
설명	It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.
파일 크기	28.1 KB
설치 횟수	45
현재 버전	2.1
최근 업데이트	2023-05-25
출시 날짜	2022-09-07
평점	5.00/5 총 1 개의 평점
개발자	Frank Ren
이메일	[email protected]
결제 유형	free
확장 프로그램 웹 사이트	https://github.com/renfeng/web-mask
도움말 페이지 URL	https://github.com/renfeng/web-mask
지원되는 언어	en-GB
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Web Mask", "description": "It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.", "version": "2.1", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "action": { "default_popup": "popup.html" }, "background": { "service_worker": "background.js" }, "content_scripts": [ { "matches": [ ":\/\/\/" ], "js": [ "content.js" ], "all_frames": true } ], "web_accessible_resources": [ { "matches": [ ":\/\/\/" ], "resources": [ "page.js" ] } ], "permissions": [ "declarativeNetRequestWithHostAccess", "webRequest" ], "host_permissions": [ ":\/\/\/*" ] }