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

时间:2013-01-15 12:05:58

标签: javascript image google-chrome-devtools

Chrome开发者工具控制台每次找不到页面资源(包括图片)时都会记录错误(即返回404)。

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

是否有设置停止控制台将未显示的图像记录为错误?

或者是否有某种方法可以按照您可以在“网络”标签中过滤请求的相同标准来过滤控制台消息?

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

5 个答案:

答案 0 :(得分:34)

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提交issue以跟踪此事。)

要解决此问题,请使用正则表达式过滤器,如:

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

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

例如,如果我的网页为test.html,那么^(?!.* 404 \(Not Found\))(?!.*test\.html)将有效。

注意:这也会过滤掉邮件文本中包含文件名的邮件。我现在还不确定是否有办法解决这个问题。

答案 1 :(得分:27)

在Chrome开发者工具中,如果单击右上角的齿轮,然后向下滚动,进入控制台部分,则会显示“隐藏网络消息设置”。

更新:现在位于“控制台”标签下。点击“过滤”,它将作为复选框@elado位于过滤行上。

答案 2 :(得分:0)

作为替代答案,您可以在开发服务器上运行一些javascript来更改有问题的图像的src属性(只需确保不将其发布到您的生产环境!)。

如果您不想实际向页面添加javascript(可以理解),您可以通过chrome插件(可能是greasemonkey chrome clone - tampermonkey)在页面加载时运行脚本。

n.b。感谢您的反馈,特别是为了使其工作,它需要在dom准备好之后和图像加载之前的事件中。

答案 3 :(得分:-4)

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

此致

答案 4 :(得分:-7)

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

实际上做了类似的事情..我的应用程序会停止一些错误,所以,我改为使用'try'和'catch'块。我的看法如下:     catch(e){      console.warn(E);     }