一、修改user-agent

之前一直用插件 User-Agent Switcher for Chrome 或者 User-Agent Switcher Options，其实chrome 开发者工具天然具备修改user-agent 的功能，调用方法如下：
1、 打开开发者工具
2、Windows 打开快捷键 ctr+shift+p mac打开快捷键 command+shift+p

image.png

3、在调出的命令行输入 network conditions

image.png
image.png

4、选择 custom 输入你需要修改的user-agent 字符串即可；

5、在开发者工具开启的情况下访问网站即可；（开发者工具关闭会失效）

二、本地资源文件替换线上资源

之前采用的是 Charles抓包软件实现的，其实可以采用谷歌浏览器开发者工具的overrides功能来实现。假如我们想修改 www.a.com/js/index.js 文件，我们可以进行如下操作
具体步骤如下：
1、在本地新建一个top文件夹，再在里面新建 www.a.com的文件夹，再往 www.a.com里面新建js文件夹，再在js文件夹里新建index.js文件；
2、在sources下找到overrides选项，点击添加文件夹的按钮选择之前新建好的top文件夹

image.png
3、完成上述步骤后，在开发者工具开启的情况下进入 www.a.com 网址，即可看到www.a.com/js/index.js 是你本地index.js的文件了

当然 也有快捷的方式：

image.png