我能防止 Chrome 开发工具控制台记录图像404错误吗？

小开

As an alternative answer you could run a bit of javascript to alter the src attribute of the offending images when on your dev server (just make sure you don't publish it to your production environment!).

如果你实际上不想添加 javascript 到页面(可以理解) ，你可以通过一个 chrome 插件(也许是油猴子 chrome 克隆-tamperMonkey)在页面加载时运行脚本。

N.b. 感谢您的反馈，特别是为了这个工作，它将需要在一个事件之内，在 Dom 准备好之后，在图像加载之前。

小开

最佳答案

Chromium 团队已经“开始”这方面的工作: https://code.google.com/p/chromium/issues/detail?id=96212

更新: 特性请求于2013年3月18日关闭。我不确定这个功能是在 Chrome 的哪个版本首次出现的，但是我可以在我的 Chrome v33.0.1750.152(Linux)中确认控制台过滤选项。

更新2: 目前，当输入过滤器(纯文本或正则表达式)时，会对消息文本(例如 GET http://example.com/foobar 404 (Not Found))以及右侧链接(例如 test.html:65)的文本进行测试。(我已经向 Chromium 提交了一份问题文件来跟踪这个问题。)

作为一种变通方法，使用正则表达式过滤器，比如:

^(?!.* 404 \(Not Found\))(?!.*[file name])

其中 [file name]是来自右侧链接的文件名。

例如，如果我的页面是 test.html，那么 ^(?!.* 404 \(Not Found\))(?!.*test\.html)将工作。

注意: 这还将过滤出在消息文本中具有文件名的消息。我不知道现在还有没有别的办法。

更新(2019-06-05) : 这个表达式将过滤掉我目前版本的 Chrome 中的404(75.0.3770.80) :

-/404\s\(Not\sFound\)$/

在处理每个标记之前，过滤器似乎首先用空格分割过滤器字符串，但是它也会在正则表达式内部分割空格，所以必须使用 \s。

从技术上讲，这将过滤掉任何以(不区分大小写)字符串“404(Not Find)”结尾的消息，包括 console.log消息。

小开

In your app, in your 'catch' statement.. log the exception under 'console.warn' .. know it works with firebug. In Firebug, you can then find these 'errors' under the 'warnings' tab. I would like to think the same can be true for Chrome Developer Tools..

actually did something similar day ago.. my app would stop on some error, so, I instead used the 'try' and 'catch' block. My catch looks like: 渔获(e){ 警告(e) ; }

小开

在 chrome 开发工具中，它在“ Console”选项卡下。单击“过滤器”，它将作为一个复选框出现在过滤器行上。