有没有一种方法可以在chrome或firebox调试器中隐藏堆栈跟踪中的第三方JS函数调用？

Question

这是我最喜欢的问题之一，w/ Chrome调试器。我有一个函数调用第三方库，内部调用20个其他函数，第20个库函数再次调用我的库中的另一个函数。

MyFunctionA()

->调用libFunctionA()

->调用libFunctionB()

..。

->调用libFunctionZ()

->calls MyFunctionB() {调试器；}

如果在MyFunctionB中放置调试器，将看到堆栈跟踪，如下所示：

1. MyFunctionB
2. libFunctionZ
3. libFunctionY
4. libFunctionX
5. ..。
6. ..。
7. MyFunctionA

我想隐藏所有的libFunctions(X，Y，Z等)因此，我可以很容易地在堆栈中看到库函数，如下所示：

1. MyFunctionB
2. ..hidden库函数
3. MyFunctionA

在Chrome或Firefox调试器中有什么方法可以做到这一点吗？

Answer 1

你可以黑名单那些你不想看的脚本。

步骤：

• 方法1：

1. click on a file in the call stack, which you wish to blacklist.
2. right click on source code of that and select "blacklist source"

​

• 方法2:您可以使用模式在设置>黑箱中黑框完成文件夹或文件。

​

下一次:当在断点上暂停时，您将在调用堆栈中看到一条消息，说明被黑框的帧数。如果需要，您可以显示这些帧，但是由于它们是从黑箱脚本发出的调用，所以除非单击“显示”，否则它们是隐藏的。

Answer 2

Mozilla刚刚宣布这个特性是内置在Firefox 58开发版中的。这很可能意味着它也将在Firefox 58中提供。

类似地，调试器可以识别20多个常见的JavaScript库，并在调用堆栈中对它们的堆栈帧进行分组。这使得在跟踪bug时很容易将您编写的代码与框架提供的代码分开：