Chrome开发者模式保留访问数据以及过滤请求显示

Chrome开发者模式下提供了保保留访问日志的能力便于检查历史请求是否正常,同时提供了请求显示过滤器可以方便快速定位您想看的请求记录或过滤掉某些不想显示的请求记录

Chrome开发者模式保留访问数据以及过滤请求显示

所属分类: 工具
专题标签: Chrome 过滤器 请求

保留请求日志

需求描述

默认情况下,Chrome浏览器再打开新页面或刷新当前页的时候,请求数据会被清空。
但是在某些特殊场景下,开发者需要检查上一步(上一页)的请求是否正常返回。
如:登录页、下单页等。

Preserve log 按钮

Network标签中,工具栏一行中,有一个红色圆点和清空按钮(这个大家应该都比较清楚)。

  1. - 红色圆点按钮的时候表示当前的请求不被清空。
  2. - 但当重载页面或者跳转到新的页面,那么请求也会被清空。
  3. - 清空按钮则是直接清空当前保存的所有请求信息。

在放大镜按钮后方有一个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发出的请求)