javascript - 有没有办法在 chrome 或 firebox 调试器的堆栈跟踪中隐藏第 3 方 JS 函数调用？

Question

这是我在使用 Chrome 调试器时最喜欢遇到的问题之一。我有一个调用第 3 方库的函数，该函数在内部调用 20 个其他函数，第 20 个库函数再次调用我的库中的另一个函数。

MyFunctionA()

-> 调用 libFunctionA()

-> 调用 libFunctionB()

...

-> 调用 libFunctionZ()

->调用 MyFunctionB() {调试器;}

如果我在 MyFunctionB 中放置调试器，我会看到如下所示的堆栈跟踪:

1. 我的函数B
2. libFunctionZ
3. libFunctionY
4. libFunctionX
5. ...
6. ...
7. 我的函数A

我想隐藏所有 libFunctions(X，Y，Z 等..)，这样我就可以轻松地只看到堆栈中的库函数，如下所示:

1. 我的函数B
2. ..隐藏的库函数..
3. 我的函数A

有什么方法可以在 Chrome 或 Firefox 调试器中执行此操作吗？

Answer 1

你可以blacklist那些你不想看到的脚本。

步骤:

• 方法一:

  1. 单击调用堆栈中您想要将其列入黑名单的文件。
  2. 右键单击该源代码并选择“黑名单源”

• 方法 2:您可以在“设置”>“黑盒”中使用模式对整个文件夹或文件进行黑盒

下次:当在断点处暂停时，在调用堆栈中您将看到消息指出被黑盒化的帧的数量。如果需要，您可以显示这些帧，但由于它们是从黑盒脚本中进行的调用，因此除非您单击“显示”，否则它们将被隐藏。