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