我可以阻止Chrome开发人员工具控制台记录图像404错误吗?



Chrome Developer Tools控制台每次没有找到页面资产(包括图像)时都会记录一个错误(即返回404)。

在我的工作中,我经常在一些网站上工作,这些网站的图像是由第三方提供的,在开发过程中可能无法使用。让每个缺失的图像在控制台显示为错误,使得其他更重要的错误(例如JavaScript错误)更难被注意到。

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

或者是否有一些方法可以通过与在Network选项卡中过滤请求相同的标准来过滤控制台消息?

(参见http://chromium.googlecode.com/issues/attachment?aid=1337330000000&name=Screenshot-Google%2B+-+Google+Chrome.png&token=1F05er8uKjAQEEBrUITFjsIGJ2A%3A1358867878658&inline=1)

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

Update:该功能请求已于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):这个表达式将过滤掉404在我当前版本的Chrome (75.0.3770.80):

-/404s(NotsFound)$/

在处理每个标记之前,过滤器似乎首先用空格分隔过滤器字符串,但它也会分隔正则表达式内部的空格,因此s是必要的。

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

在chrome开发者工具中,它位于"控制台"选项卡下。点击"滤镜",它将作为一个复选框出现在滤镜线上。

作为一个替代的答案,你可以运行一点javascript来改变违规图像的src属性,当你的开发服务器上(只要确保你不发布它到你的生产环境!)

如果你不想在页面中添加javascript(可以理解),你可以通过chrome插件(也许是greasemonkey chrome克隆- tampermonkey)在加载页面时运行脚本。

的被害者。感谢您的反馈,值得注意的是,这需要在dom准备好之后和图像加载之前在事件内。

在你的应用程序中,在你的'catch'语句中…在"控制台"下记录异常。警告的. .知道它适用于firebug。在Firebug中,你可以在"警告"选项卡下找到这些"错误"。我想认为Chrome开发者工具也是如此。

实际上一天前做了类似的事情…我的应用程序会在一些错误上停止,所以,我转而使用'try'和'catch'块。我的收获是这样的:Catch (e) {console.warn (e);}

最新更新