javascript - 使用 Chrome Web Inspector 在行中间添加断点

Question

假设我有一些这样的 JavaScript 代码:

function breakpointInside() { console.log("How do I add a breakpoint here?"); }
breakpointInside();

假设我无法编辑源文件。我要调试 breakpointInside ，但我不知道如何在行中间添加断点。在此示例中，单步执行该函数很简单，但假设它是一个更复杂的脚本，而这并不实用。

Answer 1

这是2个相关的解决方案
1) 去混淆源
您不能在一行内放置断点，但您可以(在较新版本的 Chrome 中)右键单击脚本，选择 De-obfuscate Source ，并在去混淆的版本上放置一个断点(每行都有一个语句)。
2) pretty-print
(基于尼古拉斯的评论)
在更高版本的基于 Chromium 的浏览器中，此功能称为“Pretty print”，可作为源代码面板左侧下方的按钮使用，类似于 {}