利用Chrome浏览器使用Overrides调试线上代码

正常利用Chrome开发者工具断点调试功能调试修改代码，一刷新就什么都没有了，且只能调试JS代码，非常不方便，想刷新后，原来修改调试的的代码还在，且JSP、JS、CSS等能调试，可以使用浏览器的Overrides在本地进行线上代码调试

第一步：

在浏览器开发者工具中打开下面的面板sources-->overrides!

 

第二步：

打开Select folder for overrides，选择线上文件要存放代码的文件夹

 

第三步：

点击允许访问文件夹，overrides生成刚才选择的文件夹

 

第四步：

在Network中选择一个文件，右击 Override content 修改文件，并按ctrl+s保存，就会在本地生成对应页面的代码。

 

第五步：

刷新页面，即可在页面上看到修改的内容

优势：可以在本地随意修改代码的逻辑进行调试，比较方便，刷新也是加载本地的文件

如果你不想运行代码或没有源码而想通过浏览器调试代码，或者在生产环境有问题时需要定位找原因时，可以尝试上述调试方式