如何过滤chrome devtools中的缓存请求？

Question

背景

Chrome devtools＆＃34; Network＆＃34;选项卡可以选择根据URL的字符串匹配和一些预定义的内容类型过滤器（CSS / JS / ...）来过滤请求。如果设置过滤器，则网络选项卡的底栏包含仅与匹配过滤器相关的额外信息。

问题

是否可以过滤浏览器缓存提供（或不提供）请求的请求？

USECASE

如果某人有替代方法来执行此操作：

我想衡量＆＃34;真实＆＃34;我的HTML-UI的请求计数/传输大小。网络选项卡的底部已正确包含已传输的大小，但请求计数也包含缓存的请求。

我可以使用wireshark / tcpdump但是，HTML-UI可以从其他域请求资源，也许我可以写一个复杂的过滤器，但这似乎是一个正常的用例。

Answer 1

您可以使用larger-than:1的过滤器来隐藏返回少于1个字节的所有请求。当我测试这个时，从缓存提供的请求在size列中有（来自缓存），并被此过滤器排除。否定它只显示缓存缓存的请求。

当然，这也将排除/包含来自服务器的0B响应。如果这是一个问题，您可以添加mimetype或状态代码过滤器来实现您的目标，具体取决于确切的响应。

Answer 2

您可以使用is:from-cache查询来过滤浏览器磁盘或内存缓存中的请求。可以使用查询-is:from-cache对此进行否定。

Answer 3

对于其中一个过滤器，请使用-status-code:304。这将隐藏从缓存加载的内容。然后，请求计数和传输的金额将显示已过滤的页面总数。如果您要仅检查缓存的项目，请从过滤器中删除否定。