Web Mask là gì?

Web Mask là một tiện ích mở rộng Chrome được phát triển bởi Frank Ren, và tính năng chính của nó là "It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.".

Ả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 Web Mask

Tải xuống các tệp mở rộng Web Mask 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

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

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

Tên	Web Mask
ID	cnglippokopaohjfeejlkblfjnekojia
URL Chính Thức	https://chromewebstore.google.com/detail/web-mask/cnglippokopaohjfeejlkblfjnekojia
Mô tả	It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.
Kích Thước Tệp	28.1 KB
Số Lần Cài Đặt	45
Phiên Bản Hiện Tại	2.1
Cập Nhật Lần Cuối	2023-05-25
Ngày Phát Hành	2022-09-07
Đánh Giá	5.00/5 Tổng số 1 Đánh Giá
Nhà Phát Triển	Frank Ren
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/renfeng/web-mask
URL Trang Trợ Giúp	https://github.com/renfeng/web-mask
Ngôn Ngữ Được Hỗ Trợ	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": [ ":\/\/\/*" ] }