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

背景

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

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

用例

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

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

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

解决方法

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

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...