使用本地文件调试线上代码-Chrome开发者工具overrides

overrides可以将远程的页面下载到本地， 在下一次请求该页面时可以用本地页面进行替换显示。主要用于调试css和js。

1、进入控制台->source->overrides->点击select folder for overrides

创建一个目录用于存储对应的本地文件目录

2、勾选Enable Local Overrides

3、通过控制台->source-page找到文件目录

新建本地的目录与线上的目录完全一致，比如线上的top，域名，层层目录，要完全一致。

4、进入network，选中需要下载到本地的页面-->鼠标右键-->Save for overrides到创建的对应目录下

5、允许访问权限

6、刷新页面

注意：

调试完成以后，一定要勾掉Enable Local Overrides，血的教训