javascript – 如何处理网络错误,以便它们不会出现在chrome开发人员控制台中?

我有一些代码在服务工作者中运行,刷新当前缓存的资源:

const RESOURCE_CACHE = 'resources-v1';
caches.open(RESOURCE_CACHE).then(function addUrlsToCache(cache) {
    return cache.addAll([
        '/resources/style.css',
        '/resources/fonts/led',
        '/resources/script.js',
        '/img/roundel-tube.png',
        '/img/roundel-dlr.png',
        '/img/roundel-overground.png',
    ]);
}).catch(function (error) {
    console.error("Failed to cache resources:", error.message);
})

要测试错误处理,我禁用开发服务器并再次运行此客户端代码.在这种情况下,我希望看到一条错误消息:无法缓存资源:无法获取.但我实际上看到这一段代码有7条错误消息:

《javascript – 如何处理网络错误,以便它们不会出现在chrome开发人员控制台中?》

这对我来说很困惑,因为我认为他们在这里使用了承诺会处理其他6,所以他们永远不会冒泡到控制台.我需要采用哪种方式,以便控制台永远不会显示我在代码中处理的网络错误?

最佳答案 按照
a bug @wOxOm发布的链接,我遇到了
a helpful comment

In Chrome you can click the Filter icon then “Hide network messages”.

虽然它比我喜欢的那么重(因为它适用于当前页面上的所有网络流量),但它似乎是在当前版本的Chrome中实现我正在寻找的最佳方式.

点赞