使用Chrome开发者工具overrides实现不同环境本地调试

使用Chrome开发者工具overrides实现不同环境本地调试

1.在需要调试的网页下打开开发者工具，在Sources面板下选择overrides菜单。

选择一个本地文件夹来存放本地副本，开发者工具会有一个权限请求，选择允许


启用本地覆盖 ,面板上会显示你刚刚选择的文件夹。

2.在Source面板下的page里选择你要修改的文件，ctrl+s保存修改，此时会在overrides中你选择的文件夹下生产目录对应的本地副本文件。当存在本地副本时，本地覆盖启用，且工作空间下有该网站的同名覆盖文件，浏览器会优先执行覆盖文件。

3.刷新页面，此时会调用本地副本文件，可以在控制台看到我刚刚对index.js 增加的log。

现在就可以愉快地在各个环境进行调试啦！