用Wireshark 分析打开网页发生了什么

简介: 用Wireshark 分析打开网页发生了什么

大家好,我是阿萨。昨天我们学习了如何使用捕获过滤器和结果过滤器,还知道了如何过滤端口,以及只抓某个协议的设置位置。


今天我们就用Wireshark 实际分析一下 打开网页都发生了什么。

  1. 打开Wireshark,选择网口开始抓包。
  2. 打开chrome, 输入www.bing.com. 开始抓包。
  3. 打开网页后,停止捕获请求。
  4. Terms 里ping www.bing.com 查看下bing 网站的IP



可以看到bing的IP 是204. 79.197.200.5. 在Wireshark 的结果过滤器里直接输入 ip.addr==204.79.197.200.



6. 接下来我们分析下 这些抓取的包分别是什么。

  1. 客户端向服务器端发送连接请求包,SYN =1, 序号Seq=0

image.png

ii. 服务器端给客户端 答复我收到你的seq为0的请求了,我用ack=1 应答你了。Syn 还是1.这是服务器给客户端发的seq为0 请求。

image.png

iii. 客户端收到服务器端的请求后,检查了下ACk 确实是1,seq =上次发送的seq+1 =1,syn =0. 客户端告诉服务器端,ack =1, syn=0 握手建立了。暗号也对上了。我们连接建立成功了,可以开始传送数据了。

image.png

以上就是常见的TCP 三次握手。
使用wireshark 抓包可详细看到具体信息。


接下来我们再看下 TLS 的抓包信息。


i. 客户端给服务器端发送了clienthello,同时说我可以用来加密的算法有这些。

image.png

ii. 服务器端给客户端发送了server hello,说,我选了这个作为加密算法。同时服务器端还发送了证书链给客户端。

image.png

image.png

iii. 客户端给服务器端发送了client key exchange,  修改了加密的spec 还有加密的握手信息。

image.png


这就是整个TLS 的握手过程。是不是和下面图片中的介绍一样?

image.png


你学会了吗?如果觉得阿萨的内容对你有帮助,欢迎围观点赞。


相关文章
|
7月前
|
XML 网络协议 数据格式
Wireshark 的文件菜单功能有哪些?
Wireshark 的文件菜单功能有哪些?
|
4月前
|
小程序 安全
Fiddler抓取小程序后端请求导入AppScan扫描快捷方法
【8月更文挑战第26天】这是一种利用 Fiddler 捕获小程序后端请求并导入 AppScan 进行安全扫描的方法。首先安装配置 Fiddler 并设置手机代理,通过 Fiddler 捕获请求;接着导出这些请求为 .saz 文件,并在 AppScan 中导入此文件,配置扫描参数后启动扫描以检测安全漏洞。操作时需确保有合法授权并遵循相关法规。尽管不同版本软件操作细节可能有所不同,但整体流程类似。
173 1
|
4月前
|
Linux iOS开发 MacOS
Charles 抓包工具,支持抓取 exe 无需要额外设置,打开就能使用
Charles 抓包工具,支持抓取 exe 无需要额外设置,打开就能使用
139 0
|
4月前
抓包工具 Fiddler 抓取 exe 包
抓包工具 Fiddler 抓取 exe 包
424 0
|
7月前
|
网络协议
你知道Wireshark 最重要的功能是什么吗?
你知道Wireshark 最重要的功能是什么吗?
139 0
|
7月前
|
缓存 监控 算法
2023Fiddler抓包学习笔记 -- 环境配置及工具栏介绍
2023Fiddler抓包学习笔记 -- 环境配置及工具栏介绍
62 0
|
Web App开发 安全 前端开发
『Fiddler数据抓包功攻略』| 如何使用Fiddler进行数据抓包与分析?
『Fiddler数据抓包功攻略』| 如何使用Fiddler进行数据抓包与分析?
199 0
Fiddler手机抓包配置指南
Fiddler手机抓包配置指南
1197 0
|
移动开发
如何反编译H5界面的源代码(fiddler抓包)
如何反编译H5界面的源代码(fiddler抓包)
182 0
|
Web App开发 SQL 人工智能
抓包工具:charles安装 及 Fiddler 工具 404问题记录
Charles 是一款代理服务器,通过成为电脑或者浏览器的代理,然后截取请求和请求结果达到分析抓包的目的。