javascript – 如何过滤Chrome devtools中的缓存请求?

前端之家收集整理的这篇文章主要介绍了javascript – 如何过滤Chrome devtools中的缓存请求?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
背景

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

浏览器缓存是否可以过滤请求(或不是)可以过滤请求?

用例

如果有人有这样做的替代方法

我想衡量我的HTML-UI的“真实”请求数/转移大小.网络选项卡的底部已经正确地包含传输大小,但是请求数也包含缓存的请求.

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

解决方法

您可以使用大于1的过滤器来隐藏返回小于1个字节的所有请求.当我测试这个时,从缓存中提供的请求在大小列中有(来自缓存),并被该过滤器排除.否定它只显示缓存缓存请求.

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

猜你在找的JavaScript相关文章