Chrome开发者模式保留访问日志和过滤
Chrome开发者模式下提供了保保留访问日志的能力便于检查历史请求是否正常,同时提供了请求显示过滤器可以方便快速定位您想看的请求记录或过滤掉某些不想显示的请求记录
保留请求日志
需求描述
默认情况下,Chrome 浏览器再打开新页面或刷新当前页的时候,请求数据会被清空。
但是在某些特殊场景下,开发者需要检查上一步(上一页)的请求是否正常返回。
如:登录页、下单页等。
Preserve log 按钮
Network 标签中,工具栏一行中,有一个红色圆点和清空按钮(这个大家应该都比较清楚)。
- 红色圆点按钮的时候表示当前的请求不被清空。
- 但当重载页面或者跳转到新的页面,那么请求也会被清空。
- 清空按钮则是直接清空当前保存的所有请求信息。
在放大镜按钮后方有一个 Preserve log 多选框。
如果勾选后,无论刷新页面还是打开新页面,只要是在当前 Tab 下操作的所有请求信息均会被保存。
注意:如果通过新 Tab 页打开依旧无法保存请求记录。
请求过滤器
需求描述
页面请求非常多的时候,我们手工寻找某个请求非常困难?
某些固定的请求非常多的时候,想看的核心请求非常困难?
过滤
过滤器位于下图中的红点按钮下方,Filter 输入框,默认是没有值,显示全部请求。
某些类型过滤,可以直接点击下图所示的快速分类 Tab 页。
一般过滤
直接输入内容进行匹配。
如: .css 匹配所有 CSS 请求文件
高级过滤
规则配置,以 -(中划线)开头。
当输入-时,会为您联想很多快速命令。
特别注意:
-(中划线)可以给你提示,但是它本身的含义是取反,实际需求中过滤规则可能不要 -(中划线)
本文仅作抛砖引玉:
- -info(取反:请求中包含 info 的不显示)
- -info -logo(取反:请求中包含 info 或者 logo 的不显示)
- method:POST(仅显示 POST 请求)
- domain:192.168.1.3(仅显示向 192.168.1.3 发出的请求)
