Web Mask

About

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 requires local server to respond with HTTP header, `Access-Control-Allow-Origin: *`. `*` can be replaced with the origin of your remote server.
- 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

- Resource Override, https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii
- Manifest V2 support timeline, https://developer.chrome.com/docs/extensions/develop/migrate/mv2-deprecation-timeline
- Test automation examples, https://github.com/renfeng/web-mask/tree/master/test/specs

Tests (in alphabetic order)

- An Angular website: https://material.angular.io/
  - Source code: https://github.com/angular/material.angular.io
  - Successful. Automated.
- A React website: https://reactjs.org/
  - Source code: https://github.com/reactjs/reactjs.org
  - Successful. Automated.
- A Vue.js website: https://vuejs.org/
  - Source code: https://github.com/vuejs/docs
  - Successful. Automated.