在Google Chrome中检查jsfiddle.net上的javascript

是否可以使用google chrome inspector在输入jsfiddle.net的javascript代码上设置断点

当我转到开发工具的脚本选项卡时，我看到了很多脚本，但我不知道在哪里可以找到我的脚本，或者是否可以在那里找到它。在过去，我只接受一些console.log操作，但我希望设置一些断点

---

（如果不可能，我对这个场景中检查javascript的其他方法感兴趣。）

在开发者工具中，如果您从下拉列表中选择

fiddle.jshell.net

，在脚本选项卡下，大约在第20-30行（取决于您有多少CSS）您将看到一个

标记，其中包含Javascript FIDLE窗口中的代码。您可以在此处设置断点

您还可以通过更改控制台上下文来根据此框架评估控制台中的代码：

---

调试器调用在JSFIDLE上工作正常。 只需输入要开始调试的此行：

debugger;

---

调试器非常适合在chrome、firebug甚至IE开发工具中启动调试模式，但您通常需要启动调试器（即IE中的“启动调试”，打开firebug/developer tools）。

另一个技巧是使用以下语法在没有编辑器的情况下显示您的小提琴：

<normal path to your fiddle>/show/light/

/show/light/

---

例如：

从开发人员控制台转到选项卡源代码，打开源代码树表示（在左侧），打开

fiddle.jsshell.net

节点，然后单击

\u display

，下一步

（索引）

，您应该会看到您的代码

请注意，如果保存代码，此

\u显示

参考将替换为

小提琴参考/version/show

。例如

JsQfE/2/show

（据我所知，它并不存在，但作为一个例子，它可以完成这项工作）

---

我已经尝试过这个方法，但是断点并没有运行到我所做的任何东西中。在fiddle.jshellnet/\u display/（program）下有一个文件夹。从这个文件中，您应该可以看到代码的起始行20。