Chrome开发者工具控制台每次找不到页面资源(包括图片)时都会记录错误(即返回404)。
在我的工作中,我经常在第三方提供图像的网站上工作,在开发过程中可能无法使用。将每个丢失的图像显示为控制台中的错误会使其他更重要的错误(例如JavaScript错误)更难注意到。
是否有设置停止控制台将未显示的图像记录为错误?
或者是否有某种方法可以按照您可以在“网络”标签中过滤请求的相同标准来过滤控制台消息?
答案 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); }