小编典典

是否可以防止Chrome开发者工具控制台记录图像404错误?

javascript

每当找不到页面资产(包括图像)(即返回404)时,Chrome开发者工具控制台都会记录一条错误。

在我的工作中,我经常在第三方提供图像的网站上工作,而这些图像在开发过程中可能无法使用。在控制台中将每个丢失的图像显示为错误会使其他更重要的错误(例如JavaScript错误)更难以发现。

是否有设置可以阻止控制台将未找到的映像记录为错误?

还是有某种方法可以通过与“网络”选项卡中的过滤条件相同的标准来过滤控制台消息?


阅读 387

收藏
2020-05-01

共1个答案

小编典典

更新: 该功能请求已于2013年3月18日关闭。我不确定该功能首次出现在哪个版本的Chrome中,但是我可以在我的Chromev33.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(75.0.3770.80)中的404:

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

似乎过滤在处理每个标记之前先将过滤器字符串按空格分割,但同时也会在正则表达式内部分割空格,因此\s必不可少。

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

2020-05-01