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

p11*_*00i 16 javascript caching google-chrome-devtools

背景

Chrome devtools"网络"标签可以选择根据URL的字符串匹配和一些预定义的内容类型过滤器(CSS/JS/...)过滤请求.如果设置过滤器,则网络选项卡的底栏包含仅与匹配过滤器相关的额外信息.

如果浏览器缓存提供(或不提供)请求,是否可以过滤请求?

用例

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

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

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

Joh*_*aus 13

您可以使用过滤器larger-than:1来隐藏返回少于1个字节的所有请求.当我对此进行测试时,从缓存提供的请求具有(来自缓存) size列,并被此过滤器排除.否定它只显示缓存缓存的请求.

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


Dun*_*nie 9

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

  • 感谢您分享 Chrome 中这个明显隐藏的秘密。 (4认同)

Gar*_*bee 0

对于您的过滤器之一,请使用-status-code:304. 这将隐藏从缓存加载的内容。然后请求计数和传输金额将显示页面总数中过滤掉的数量。如果您说只想检查缓存的项目,请从过滤器中删除否定。

按状态码过滤

  • 别人的服务器 - 无法下载额外的工具。调试 Web 应用程序行为 - 将请求限制为服务器实际处理的请求。调试意外的吞吐量测试结果 - 将从真实浏览器发送的请求与不缓存的负载测试器发送的请求进行比较。其中两个是非常大的类别,涵盖了各种各样的现实世界任务。 (6认同)
  • 我想查看浏览器通过网络发出的实际请求。我可以想到很多情况,其中这很重要。 (5认同)
  • 浏览器缓存是不同的。304 是对服务器的合法请求/响应,etag 与您之前获得的相同。浏览器缓存的请求显示为状态代码:200 (3认同)