Web Mask

It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.

Web Mask - Override resources of websites

Web Mask is a Chrome extension that enables you to debug remote websites and test local changes by overriding resources, JS, CSS, Image, and fonts with copies from a local web server. It is built for Manifest V3 and is test automation friendly.

Download

Extension stats

By: Frank Ren

Users: 81

Rating: 5.00

(1)

Version: 2.4 (Last updated: 2024-04-24)

Creation date: 2022-09-07

Risk impact: High risk impact

Risk likelihood:

Very low risk likelihood

Manifest version: 3

Permissions:

declarativeNetRequestWithHostAccess
webRequest

Host permissions:

*://*/*

Size: 50.15K

Email: re*****@gmail.com

Ranking

# 76,382 ▲ 2,195

Other rankings

#1462 in Developer Tools ▲ 18 #48 in override keyword 22 ▲ 4 #114 in resource keyword 29 ▲ 9 #269 in material keyword 46 #296 in reload keyword 43 ▲ 1

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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()
"Bypass for network" for service workers. See screenshots for instruction.
Web socket is not redirected, i.e. Hot module reload (hmr) or live reload doesn't work unless you can force their origin to localhost

It's similar to "Resource Override", but built for Manifest V3, and easy to integration into automated tests. See