Web Mask

简介:

它使用本地 Web 服务器的副本覆盖网站的资源、JS、CSS、图像和字体。

它使您能够

- 使用本地 Web 服务器调试远程网站（通常禁用源映射）
- 使用远程服务器的实际数据测试本地更改 - 拉取请求之前的集成测试

这个想法及其实现基于 HTTP 和 HTML Web 标准，独立于您选择的框架，具有以下约束：
* 它不适用于`document.write()`
* 本地Web服务器必须包含HTTP响应头，Access-Control-Allow-Origin:*
* 服务工作者的“网络旁路”。请参阅屏幕截图以获取说明。

它类似于“资源覆盖”，但它需要最低配置，它是为 Manifest V3 构建的，并且对测试自动化友好。看
* https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii
* https://developer.chrome.com/docs/extensions/mv3/mv2-sunset/

测试（按字母顺序排列）
* 成功的。手动的。
* 目标网站：https://angular.io/
* 源代码：https://github.com/Angular/Angular
* 成功的。自动化。
* 目标网站：https://material.angular.io/
* 源代码：https://github.com/angular/material.angular.io
* 不支持。本地 Web 服务器不包含 HTTP 响应标头 Access-Control-Allow-Origin:*
* 目标网站：https://reactjs.org/
* 源代码：https://github.com/reactjs/reactjs.org
* 成功的。自动化。
* 目标网站：https://vuejs.org/
* 源代码：https://github.com/vuejs/docs