chrome调试-远程文件本地调试

本地文件调试

前言：代码上线后，如果发现代码有问题，我们如何基于线上环境进行调试？ 又或者，线上代码是压缩混淆后的，很难分析其中逻辑，我们如何转译成我们平时业务开发时候的代码来进行调试？带着这两个问题，我们看下面的为内容。

开始操作

1. F12 打开浏览器控制台
2. 找到 Sources => Overrides
3. 如果之前没有配置过 本地文件夹，会出现 Select folder for overrides，这个文件夹用于存储覆盖网络资源的文件。

4. 授权浏览器访问本地文件

5.修改资源内的代码，进行调试

6. 修改完成后，我们 ctrl+s 进行保存。会发现本地文件夹里面，会存下我们编辑的代码文件。我们也可以将未编译过的js文件复制进去，方便我们分析逻辑