我可以阻止Chrome开发者工具控制台logging图像404错误吗?

Chrome Developer Tools控制台每次找不到页面资源(包括图像)时都会logging错误(即返回404)。

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

是否有一个设置,停止控制台logging未被发现的图像作为错误?

或者有什么方法可以按照相同的标准过滤控制台消息,以便在“networking”选项卡中过滤请求?

(请参阅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

更新:function请求已于2013年3月18日closures。我不确定此function首次出现在哪个版本的Chrome中,但我可以在我的Chrome v33.0.1750.152(Linux)中确认控制台过滤选项。

更新2:当前,当inputfilter(纯文本或正则expression式)时,会根据消息文本(例如GET http://example.com/foobar 404 (Not Found) )进行testing,以及右侧链接(例如test.html:65 )。 (我已经向Chromium提出了一个问题来追踪这个问题。)

作为解决方法,请使用正则expression式filter,如下所示:

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

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

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

注意:这也将过滤掉消息文本中具有文件名的消息。 我不确定现在有没有办法解决这个问题。

在Chrome开发者工具中,如果你点击右上angular的齿轮,然后向下滚动,进入控制台部分,出现“隐藏networking消息设置”。

更新:现在在“控制台”选项卡下。 点击“filter”,它将作为checkbox( @elado )在filter行上。

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

如果你不想真的把javascript添加到页面(可以理解),你可以通过一个chrome插件(也许是greasemonkey chrome clone – tampermonkey)在页面加载时运行脚本。

NB感谢您的反馈意见,特别是为了这个工作,它将需要在dom准备好之后和图像加载之前的事件中。

最好在服务器上放置一个404映像,并检查服务器端是否存在文件,如果不显示默认的404映像。

问候

另一种方法是将filter设置为“日志”。

打印

在你的应用程序中,在'catch'语句中。在'console.warn'下loggingexception。知道它适用于萤火虫。 在Firebug中,您可以在“警告”选项卡下find这些“错误”。 我想,Chrome开发者工具也是如此。

实际上做了类似的事情前一天..我的应用程序将停止一些错误,所以,我反而使用'尝试'和'catch'块。 我的catch看起来像:catch(e){console.warn(e); }