如何从'console'选项卡切换到Firefox中'Debugger'选项卡中函数的定义?

时间:2018-02-16 19:49:05

标签: debugging firefox browser developer-tools javascript-debugger

我有一个功能名称。我想在firefox的'Debugger'选项卡中找到函数的定义以进行调试。 firefox调试器教程中给出的方法是我必须全局搜索调试器选项卡中的函数,否则我必须打开函数所在的文件并获取函数定义。在我的情况下,我不确定代码将驻留在哪里,我可以使用全局搜索来获取它,但由于我的代码库很大,因此需要花费大量时间。 在chrome中,我们可以在控制台中键入函数名称,它将在控制台中返回第一行或函数定义的一小部分。单击它将导致在“源”选项卡中定义该功能。我想知道firefox中是否有类似的方法或firefox特有的任何其他快捷方式?

注意:如果我在firefox的“console”选项卡中键入函数名称,则返回键入的值是函数。在其中,如果我键入functionName.toSource(),它将返回完整的代码。但我想在源代码上保留断点。所以,我想在firefox中从控制台切换到调试器选项卡,以保持断点以便进行调试。

1 个答案:

答案 0 :(得分:0)

我建议在函数的父作用域中放置一个debugger语句,然后在打开devtools并加载页面时,源调试器应该停在该语句中。然后你可以切换到控制台并调用该功能。