Chrome Devtools 高级调试

1. 本地覆盖：Local overrides

使用我们自己的本地资源覆盖网页所使用的资源(css、js、页面均可)。

类似的，使用DevTools的工作区设置持久化，将本地的文件夹映射到网络，在chrome开发者功能里面对css 样式的修改，都会直接改动本地文件，页面重新加载，使用的资源也是本地资源，达到持久化的效果。

• 创建一个文件夹以在本地添加替代内容；

• 打开Sources >; Overrides >; Enable local Overrides，选择本地文件

• 

• 打开Elements，编辑样式，自动生成本地文件。

• 返回Sources，检查文件，编辑更改。

　　

 

 

2. 扩展：Local overrides 模拟 Mock 数据

　　对于返回json 数据的接口，可以利用该功能，简单模拟返回数据。 

　　在根目录下新建/api/test.json， test.json中的内容与正常接口返回格式相同。