【tool】Chrome开发者工具之本地覆盖(overrides)
介绍:
本地覆盖是一个强大的工具,使你能够加载生产文件的本地副本,并使用它们来替代捆绑的副本。当一个问题只发生在特定的环境中而不能在本地复现时,这一点尤其有用
使用方法:
启用本地覆盖:
1、你可以在“Source” 选项卡下启用 "Overrides"(本地覆盖)。如果你没有看到 Overrides 链接,点击 Page 右侧的锯齿图标
2、选择工作空间
3、启用本地覆盖
本地覆盖示例:
1、选定待覆盖的文件,这里是一个登陆页面
2、修改代码,输出“hello world!!!”
3、ctrl + s 保存覆盖文件。第一次保存后,工作空间下会出现该网站的工作目录,目录下有被保存的覆盖文件
注:当本地覆盖启用,且工作空间下有该网站的同名覆盖文件,浏览器会优先执行覆盖文件
4、执行覆盖文件代码。这里的login文件需要执行登陆后才会执行,所以我们输入信息(无需正确信息,错误的就可以)进行登陆