浏览器调试之overrides

chrome调试之overrides

平时我们用浏览器调试代码很普遍，今天我介绍一个浏览器的小技能，可以覆盖网站的代码，在本地生成一个一样的文件，刷新网站的时候浏览器会加载本地生成的文件，这样，可以实时的修改代码并且观察修改后的效果。
启用步骤：
1.在浏览器的调试面板进入sources.
2.点击overrides,会看到一个+ Select folder for overrides,点击加号选择一个存放文件的文件夹。（注意浏览器上方会有一个权限提示，点击允许）
3.这时还是在sources面板下，点击Page，切换到此网站的源代码展示目录，选择一个要调试的文件（html,js,css均可），单击右键，选择Save for overrides, 之后可以在刚才选择的文件夹下看到这个保存到本地的文件，修改这个文件后再刷新页面，就可以看到修改后的变化了。
4.在overrides面板下可以看到Enable Local Overrides,切换这个选项可以控制本地代码是否参与执行。