在 chrome 开发工具中隐藏 401 console.error 在 fetch() 调用中获取 401

Question

我有一些代码可以用来进行提取调用。这利用了现代 chrome / firefox 中内置的 window.fetch api。

代码有时会遇到 401:unauthorized 响应。这是正常的，我希望它被忽略，我可以通过代码流来做到这一点。但是，当我尝试运行时，Chrome 确实显示了难看的 console.error 消息。

我如何以编程方式防止此控制台错误显示在所有计算机的开发控制台中（即，没有 chrome 开发过滤器或 tampermonkey 类型的插件）。

这里有一个示例：

fetch("http://httpstat.us/401", {requiredStatus: 'ok'})
    .then(function() {
        console.log("pass!");
    }).catch(function() {
        console.log("fail!");
    });

Answer 1

不幸的是，这无法完成，因为控制台中的此类消息是由 chrome 本身打印的。压制此类消息已争论多年，但共识似乎是这种消息是可取的 - see this discussion.

以防万一您感兴趣：根据 this comment，我们看到此消息的原因是评估对资源检索请求的响应，并在上下文级别调度消息。

本质上，chrome 的编写方式不允许我们更改此效果，因此我们有错误消息。

在 chrome 开发工具中隐藏 401 console.error 在 fetch() 调用中获取 401

Hide 401 console.error in chrome dev tools getting 401 on fetch() call

javascript

xmlhttprequest

fetch-api