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: 72 ▲ 6

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

# 78422 ▲ 1574

Other rankings

#1459 in Developer Tools ▲ 11

#49 in override keyword 22 ▼ 4

#165 in resource keyword 29 ▼ 6

#195 in web keyword 78 ▲ 2

#258 in material keyword 45 ▼ 5

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