Chrome DevTools 中的 Handled 过滤器是做啥用的？

Posted 2023-03-07

【中文标题】Chrome DevTools 中的 Handled 过滤器是做啥用的？

【英文标题】：What is the Handled filter in Chrome DevTools used for?Chrome DevTools 中的 Handled 过滤器是做什么用的？

【发布时间】：2016-01-31 10:39:49

【问题描述】：

Chrome DevTools 有几个有用的过滤器来限制日志记录：Errors、Warnings、Info 等。

最后一个过滤器叫做Handled，我还没有弄清楚它的用途。不是console.handle() 或类似的。谷歌搜索没有提供答案。

Handled 过滤器用于什么以及如何使用？

【问题讨论】：

似乎与处理的异常有关，但我很难知道如何。

【参考方案1】：

此过滤器适用于在 Promise 中处理的异常。过滤器通过this patch 添加到 UI。包含 test 和链接的 ticket 揭示了这个功能的全部内容。

---

如果我们像这样创建一个承诺并拒绝它：

var p = new Promise((resolve, reject) => reject('ooops'))

错误信息将立即打印到控制台：

但是，拒绝可以稍后处理：

p.catch(e => )

导致之前的错误信息改变状态：

“Uncaught (in promise) ooops”变成了“handled promise rejection”。由于它不再被视为错误，因此在“Errors”过滤器处于活动状态时不会显示。但是，当新的“Handled”过滤器处于活动状态时，它会显示出来。