Javascript 如何在chrome开发工具中过滤缓存的请求？ 背景

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

问题: 如果请求由浏览器缓存提供（或未提供），是否可以过滤请求？

用例 如果有人有其他方法来执行此操作：

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

---

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

对于您的过滤器之一，请使用

-状态代码：304

。这将隐藏从缓存加载的内容。然后，请求计数和转移金额将显示从页面总数中筛选出的数量。如果您说只想检查缓存项，那么从过滤器中删除否定

---

您可以使用大于：1的

过滤器来隐藏返回小于1字节的所有请求。当我对此进行测试时，来自缓存的请求（来自缓存）在size列中，并被此筛选器排除。否定它只显示缓存请求

当然，这也将从服务器中排除/包括0B响应。如果这是一个问题，您可能可以添加mimetype或状态代码过滤器来实现您的目标，具体取决于具体的响应。
您可以使用
is:from cache
查询过滤从浏览器磁盘或内存缓存提供的请求。这可以使用以下查询进行否定：
-is:from cache
浏览器缓存是不同的。304是对服务器的合法请求/响应，即etag与以前的相同。浏览器缓存的请求显示为状态代码：200，那么您当前无法具体筛选它。你到底为什么要过滤掉它？我不认为它在任何情况下都有用。我希望看到浏览器通过网络发出的实际请求。我能想到很多重要的案例。如果你能想到“很多案例”，那么请提供例子，以便进行研究。如果你真的需要“实际的请求是在网上发出的”，那就去看看Wireshark或者其他的包检查工具。其他人的服务器不能下载额外的工具。调试web应用程序行为-将请求限制为服务器实际处理的请求。调试意外吞吐量测试结果-将从真实浏览器发送的请求与不缓存的负载测试仪发送的请求进行比较。其中两个是非常大的类别，包含了各种各样的现实任务。如何仅显示缓存的请求？@testerjoe2在我去确认之前，我认为这是一个愚蠢的问题。我花了很多时间来验证您是否会使用
-大于：1
（请注意减号），但这也将包括所有0b响应，除非您有其他方法来过滤它们。感谢您在Chrome中分享这一明显隐藏的秘密。