调试通过 Chrome 控制台添加的脚本答案

【问题标题】：Debugging a script added via Chrome Console调试通过 Chrome 控制台添加的脚本
【发布时间】：2016-07-08 14:52:14
【问题描述】：

我通过 Chrome 的 devtools 控制台添加了一些 JavaScript，只需粘贴一组代码。无法在 Sources 面板上打开该代码，因此我可以使用断点进行调试。是否有正确的方法可以打开通过控制台添加的 Sources 面板上的代码？

除了在代码中添加debugger; 之外的任何其他方式。或者语法错误，然后在右侧显示文件名，这会在“源”面板的选项卡中打开代码。附上截图中的两个场景。

【问题讨论】：

【解决方案1】：

打开 devtool 并打开 Sources 选项卡。在创建新的 sn-p 上单击 Snippets 选项卡。在 sn-p 中编写您的代码。然后右键单击创建的sn-p并单击运行！你应该可以从这里调试;)

【讨论】：