如何调试用 Firefox 开发者工具附带的 Scratchpad 编写的 JavaScript？答案

【问题标题】：How do I debug JavaScript written in Scratchpad that comes with Firefox Developer Tools?如何调试用 Firefox 开发者工具附带的 Scratchpad 编写的 JavaScript？
【发布时间】：2016-08-02 09:33:04
【问题描述】：

我想要一个独立的editor 和debugger，基本上是IDE 对应JavaScript。我目前混合使用在命令行上运行独立脚本并在Notepad++ 中编辑它们，有时在Firefox Developer tools 中使用Scratchpad。

但是Firefox Developer Tools 中的Debugger 没有显示来自ScratchPad 的来源。如何让它显示给他们？

此外，我无法在ScratchPad 编辑器中设置断点。

【问题讨论】：

这不是工具推荐问题。它询问如何使用特定的编程工具来完成特定的任务。
这个问题确实有答案：stackoverflow.com/questions/18364124/…。即使这不是好消息。
How can I debug my JavaScript code?的可能重复
不，它不是“如何调试我的 Javascript”这个更广泛的问题的重复，是的，这种问题确实有答案。我专门来这里是因为我想知道我是否可以在 Scratchpad 中设置断点，并且或多或少地回答了这个问题（仅通过“调试器”关键字）。所以它对我有用。

标签： javascript firefox

【解决方案1】：

此问题已在 Firefox 47 中修复（请参阅 bug 1252077），您现在可以在 Scratchpad 代码中使用 debugger; 语句或直接在调试器中设置断点。 Scratchpad 脚本的源代码应在您至少运行一次后出现。确保您已打开开发工具。

这有点尴尬，因为 Scratchpad 脚本在 Scratchpad 中修改后不会在 Debugger 窗口中更新，您需要先刷新您所在的页面或在 Scratchpad 中使用 Execute → Reload and Run .

【讨论】：

【解决方案2】：

Scratchpad 很好用，只是我不知道如何访问其中的断点范围。任何人都知道如何做到这一点？在 Firebug 中是自动的。

【讨论】：