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

Question

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

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

Answer 1

打开开发工具并打开“源”选项卡。单击“代码片段”选项卡以创建新代码片段。在片段中编写代码。然后右键单击创建的代码片段并单击运行！您应该能够从这里进行调试；）