📖Chrome开发者模式保留访问日志和过滤

发布: 2016-04-08
热度: 71
趋势: 71
权重: 8
🎯

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

保留请求日志

需求描述

默认情况下,Chrome 浏览器再打开新页面或刷新当前页的时候,请求数据会被清空。

但是在某些特殊场景下,开发者需要检查上一步(上一页)的请求是否正常返回。

如:登录页、下单页等。

Preserve log 按钮

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

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

在放大镜按钮后方有一个 Preserve log 多选框

如果勾选后,无论刷新页面还是打开新页面,只要是在当前 Tab 下操作的所有请求信息均会被保存。

注意:如果通过新 Tab 页打开依旧无法保存请求记录。

请求过滤器

需求描述

页面请求非常多的时候,我们手工寻找某个请求非常困难?

某些固定的请求非常多的时候,想看的核心请求非常困难?

过滤

过滤器位于下图中的红点按钮下方,Filter 输入框,默认是没有值,显示全部请求。

某些类型过滤,可以直接点击下图所示的快速分类 Tab 页。

SC-80-chromereq2.png

一般过滤

直接输入内容进行匹配。

如: .css 匹配所有 CSS 请求文件

高级过滤

规则配置,以 -(中划线)开头。

当输入-时,会为您联想很多快速命令。

SC-81-chromereq3.png

特别注意:

-(中划线)可以给你提示,但是它本身的含义是取反,实际需求中过滤规则可能不要 -(中划线)

本文仅作抛砖引玉:

  • -info(取反:请求中包含 info 的不显示)
  • -info -logo(取反:请求中包含 info 或者 logo 的不显示)
  • method:POST(仅显示 POST 请求)
  • domain:192.168.1.3(仅显示向 192.168.1.3 发出的请求)
当前文章暂无讨论,留下脚印吧!
大纲
  • 保留请求日志
    • 需求描述
    • Preserve log 按钮
  • 请求过滤器
    • 需求描述
    • 过滤
      • 一般过滤
      • 高级过滤
提交成功,请等待审核通过后全面展示!

发表评论

昵称
邮箱
链接
签名
评论

温馨提示:系统将通过浏览器临时记忆您曾经填写的个人信息且支持修改,评论提交后仅自己可见,内容需要经过审核后方可全面展示。

选择头像