如何从“控制台”选项卡切换到Firefox的“调试器”选项卡中的函数定义？

Question

我有一个函数名。我想去Firefox的“调试器”选项卡中的函数定义进行调试。 firefox 调试器教程中给出的方法是，要么我必须在调试器选项卡中全局搜索函数，要么我必须打开函数所在的文件并获取函数定义。就我而言，我不确定代码将驻留在哪里，我可以使用全局搜索来获取它，但由于我的代码库很大，因此需要很长时间才能获取。 在 chrome 中，我们可以在控制台中输入函数名，它会返回控制台中函数定义的第一行或一小部分。单击它将导致在“源”选项卡中定义函数。我想知道 Firefox 中是否有任何类似的方法或任何其他特定于 Firefox 的快捷方式？

注意：如果我在 Firefox 的“控制台”选项卡中键入函数名称，它会返回键入的值是一个函数。在其中，如果我输入 functionName.toSource()，它会返回完整的代码。但我想在源代码上保留断点。所以，我想在 Firefox 中从控制台切换到调试器选项卡，以保留断点以进行调试。

Answer 1

我建议将debugger 语句放在函数的父作用域中，然后当您打开 devtools 并加载页面时，源调试器应该在该语句处停止。然后就可以切换到控制台调用那个函数了。