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

Question

我正在通过Chrome的devtools＆＃39;添加一些JavaScripts。控制台只需粘贴一组代码即可。无法在“源”面板上打开该代码，因此我可以使用断点进行调试。有没有正确的方法在Sources面板上打开通过控制台添加的代码？

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

Answer 1

打开devtool并打开Sources选项卡。在创建新代码段时单击“代码段”选项卡。在代码段中写下你的代码。然后右键单击创建的代码段并单击运行!!你应该可以从这里调试;）