抓包之使用chrome的network面板

news/2024/11/28 15:33:17/

写在前面

本文看下工作中非常非常常用的chrome的network面板功能。
官方介绍:地址。

1:前置

1.1:打开

右键-》检查,或者F12。

1.2:组成部分

在这里插入图片描述

2:控制器常用功能

详细如下图:
在这里插入图片描述
接着我们挑选其中一些进行演示。

2.1:preserver log

默认的当浏览器从A页面跳转到B页面之后,A页面抓到的内容就不会保留了。但是考虑这样的场景,我们在测试一个数据的保存功能,想要拿到保存的数据包内容,但是保存成功就直接跳转到数据列表页面了,开始保存的数据包已经没有了,此时就可以考虑选择preserve log的功能。
下面来演示下,首先不选中preserve log,使用地址:https://smallpdf.com/cn/split-pdf#r=organize-split
此时网络包如下:
在这里插入图片描述
可以看到第一个请求时split-pdf,接着点击其他功能,这里点击整理-》合并
在这里插入图片描述
此时第一个请求已经时merger-pdf了。接着选中preserve log重复这个过程,就会发现第一个请求依然是split-pdf,也就是上一个页面的数据包保留了:
在这里插入图片描述

2.2:清除浏览器缓存

选中一个请求,右键-》clear browser cache。
在这里插入图片描述

2.3:修改网络情况

2.3.1:offline模拟断网

通过offline可以模拟网络断开连接的情况,就不用拔网线了😀😀😀,如下:
在这里插入图片描述

2.3.2:network throttling模拟网速极差情况

操作如下:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
此时再刷新就转转转了:
在这里插入图片描述

2.4:过滤

完整的如下:
在这里插入图片描述

2.4.1:按照域名过滤

在这里插入图片描述

2.4.2:is:from-cache 过滤来自缓存的请求

在这里插入图片描述

2.4.3:method 过滤指定请求类型的请求

在这里插入图片描述

2.5:控制显示列

在这里插入图片描述

2.6:复制请求

在这里插入图片描述

2.7:查看上下游请求

按住 shift 键悬停请求上,绿色是上游,红色是下游。

写在后面

参考文章列表


http://www.ppmy.cn/news/1550653.html

相关文章

林业产品推荐:Spring Boot实战指南

5 系统实现 在此部分内容中,主要通过系统功能的运行效果图展示前面设计的最终结果。系统实现对编制人员的技术能力有较高要求,因为需要他们使用编程的方式去实现系统设计的方案。 5.1 管理员功能实现 5.1.1 商品信息管理 管理员权限中的商品信息管理&…

《Opencv》基础操作<1>

目录 一、Opencv简介 主要特点: 应用领域: 二、基础操作 1、模块导入 2、图片的读取和显示 (1)、读取 (2)、显示 3、 图片的保存 4、获取图像的基本属性 5、图像转灰度图 6、图像的截取 7、图…

Ubuntu20.04+ROS 进行机械臂抓取仿真:环境搭建(一)

目录 一、从官网上下载UR机械臂 二、给UR机械臂添加夹爪 三、报错解决 本文详细介绍如何在Ubuntu20.04ROS环境中为Universal Robots的UR机械臂添加夹爪。首先从官方和第三方源下载必要的软件包,包括UR机械臂驱动、夹爪插件和相关依赖。然后,针对gazeb…

【数据可视化入门】Python散点图全攻略:Matplotlib、Seaborn、Pyecharts实战代码大公开!

数据可视化入门-系列文章目录 Python散点图全攻略:Matplotlib、Seaborn、Pyecharts实战代码大公开! 文章目录 数据可视化入门-系列文章目录Python散点图全攻略:Matplotlib、Seaborn、Pyecharts实战代码大公开! 前言1. Matplotlib…

js 高亮文本中包含的关键词标红

在开发中&#xff0c;遇到需要将文本中包含的关键字高亮的情况&#xff0c;可以做以下处理。 <div class"title"v-html"highlightKeywords(item.title, state1.tags1.concat(state2.tags2).concat(state3.tags3))"> </div> ...... ...... con…

Ubuntu系统更新

在Ubuntu系统中&#xff0c;您可以使用以下命令来更新系统&#xff1a; 1、更新软件包列表&#xff1a; sudo apt update 2、升级所有已安装的包到最新版本&#xff1a; sudo apt upgrade 3、&#xff08;可选&#xff09;如果系统提示有某些包可以自动更新&#xff0c;并…

网络知识面试

1、http状态码 101: 切换请求协议 200:(请求成功)。服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。 301 : (永久移动,永久性重定向,会缓存) 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。…

ADSY1100

4 Tx/4 Rx&#xff0c;0.1 GHz 至 20 GHz Apollo MxFE 3UVPX 调谐器 数字化仪 处理器 特性 四个发射&#xff08;Tx&#xff09;通道 高达 28GSPS DAC 四个接收&#xff08;Rx&#xff09;通道 高达 20GSPS 的 ADC 可更换 RF 调谐器个性卡 0.1-20GHz 调谐 多调谐器选项 相位…