chrome 调试技巧--资源替换使用,可用于调试线上问题

163 阅读1分钟

线上bug调试

方法1、线上有问题了,本地开发连线上接口,但有的时候不支持连上线生产环境。

方法2、 走代理形式 fiddler 调试排查。

方法3、 chorome 浏览器自带的 overrides 功能。

1 开发中工具 source --> overrides --> select folder for overdides

c1.png

2 允许权限

c2.png

3 network --> 中选择需要覆盖的资源

c3.png

4 在这个资源上右键,选择override content

c4.png

5 overrides 可以看到这个资源, 然后打开这个文件夹,增加一个同名文件(被代理文件的名字),

原来的文件重命名下

5.png

6 刷新浏览器,可以看到,本地的同名文件已经覆盖线上,本次覆盖成功。

在本地替换 Web 内容和 HTTP 响应标头 developer.chrome.com/docs/devtoo…