Web Mask

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

What is Web Mask?

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

View on Chrome Web Store

Users: 66 ▼ -5

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

# 76873 ▼ 1769

Other rankings

#1467 in Developer Tools ▼ 9

#35 in override keyword 21

#93 in resource keyword 28 ▼ 7

#223 in web keyword 76 ▼ 13

#239 in material keyword 41 ▼ 6

Upgrade to see more rankings

Other platforms

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