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

Posted 2023-03-07

技术标签:

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

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

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

【问题讨论】：

【参考方案1】：

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

【讨论】：

以上是关于调试通过 Chrome 控制台添加的脚本的主要内容，如果未能解决你的问题，请参考以下文章