编译后的js文件如何跟进调试

编译后的文件如何跟进调试

方法 1：直接在 DevTools 中调试压缩/打包后的代码

• 打开 DevTools → Sources 面板

• 找到对应 .js 文件，点击 {}（Pretty Print） 格式化代码

• 虽然变量名可能混淆了，但仍可以设置断点、查看调用栈、变量值等

方法 2：通过 debugger 语句插入断点

在你怀疑的地方（比如某个回调函数、事件处理）插入一行：

debugger;

只要这段代码被执行，浏览器就会自动暂停。

方法 3：通过控制台输出（console.log）

虽然不是“真正的跟进”，但适合快速定位逻辑，比如：

console.log('函数执行了', someVariable);