有没有一种方法可以使用Google Chrome开发者工具来过滤networking请求?

是否可以使用Chrome开发人员工具过滤掉某些请求,例如,滤除所有图片请求。

没有一个非常灵活的过滤function,但底部的栏允许您只显示某个文档或连接types的请求:

你不能只是排除图像,但它应该帮助。

您也可以按Control / Command + F在请求列表中search特定string,然后选中“filter”框来隐藏不匹配的请求:

在这里输入图像说明

否定文字filter – 列出符合给定查询的结果。

  • 在networking面板中使用-.png-.gif-.jpg作为filter。
  • 许多其他负滤波器也起作用。 例如-mime-type:image / png-larger-than:20k-domain:yoursite.com-status-code:404 。 查看Chrome开发者文档 – sorting和筛选 。

可用于Chrome〜42 – 发行链接 , 在这里宣布

另一种方法:在“networking”面板中打开filter和CTRL / CMD -单击要显示的请求types。 要隐藏图像请求,然后在按住CTRL / CMD的同时select图像以外的所有其他types。

您在filterinput框中input-.png -.gif -.jp以从结果中排除所有图像。 在底部显示没有图像传输的数据总量。

“12月14日谷歌Chrome工程师”

Chrome DevTools:只在networking面板中login的否定文本filter。 列表结果匹配给定的查询Twitter链接

编辑 :你甚至可以通过域,MIMEtypes,文件大小,或排除进入-domain:cdn.sstatic.net并结合任何这些mime-type:image/png -larger-than:100K显示networking面板中只有小于100kb的png文件

请参阅DevTools:2015年国家联盟Addy Osmani

自Chrome 42以来

在这里输入图像说明

如果您打开开发人员工具,请selectnetworking。 从页面底部的栏中select图片,如果您想专门查看图片请求。 filter都是独占的,所以你不能过滤掉图像请求。 你走了

添加一个-MimeType:image/jpegfilter为我工作。

和-MimeType一样,你可以在filterinput中使用域,如下所示:

域名:yourdomain.com