资讯动态

浏览器网页加载流程抓包复现

发布时间:2026/10/30 2:26:28 来源:尧图企业网站定制
在进入实验室之前我们已经浅浅学过计算机网络原理大概了解了网络如何运行了解TCP/IP四层模型和OSI七层模型那么数据从浏览器到服务器经历了哪些层HTTP请求和响应长什么样为什么输入网址后浏览器能打开页面这些问题我将通过本次的Wireshark抓包解决。一网页加载过程文字说明域名经DNS翻译成IPARP拿到网关MACTCP建立连接浏览器发送HTTP请求服务器返回网页数据浏览器渲染出页面最后断开连接。二抓包前期环境配置本次抓包我用到了Wireshark我在浏览器中访问该软件官网https://www.wireshark.org/download.html进行下载但下载完成后我发现无法运行于是检查后发现我没有配置Npcap环境于是我进行环境配置然后成功运行Wireshark如下图。三抓包过程1.右键Wireshark,以管理员身份运行程序我电脑连接的是Wifi,所以点击Wifi2.点击浏览器访问http://neverssl.com,等待加载完成再次点击Wireshark左上方红色按钮停止抓包3.在左上角输入框里输入“tcp.port80”,将所有数据筛选为什么输入这个筛选是因为“tcp”说明我们只看tcp协议的内容“port80”说明只看端口是80的【解析• No.序号抓包按顺序排的号码。比如你图里的 8, 12, 13, 14。• Time时间从你点开始抓包到看到这个包过了多少秒。• Source源地址谁发出来的。192.168.31.237 是你自己的电脑。• Destination目的地址发给谁。204.79.197.203 是微软的服务器因为是 Windows 后台在跑证书验证。• Protocol协议这是用的什么规则比如 TCP 或 HTTP。• Info信息这个包在干什么。这是最核心的一列。】四抓包分析1看左下角的信息先整体看Ethernet II数据链路层• 展开它你会看到 Src 和 Dst这是网卡的物理地址MAC 地址。Internet Protocol Version 4网络层• 展开它你会看到 Src: 192.168.31.237 和 Dst: 204.79.197.203。这就是 IP 地址负责在网络中定位。Transmission Control Protocol传输层• 展开它你会看到 Src Port: 55707 和 Dst Port: 80端口以及 Flags: 0x002 (SYN)这就是三次握手的 SYN 标志位。2点击第八个包具体分析右键第八个包点击跟随followTcp stream,然后你就发现界面会有两种颜色红色和蓝色蓝色是你发给浏览器的红色是服务器返回给你的。3再返回看三次握手• 第 8 号包[SYN]我的电脑192.168.31.237向服务器发起请求“我要建立连接”。• 第 12 号包[SYN, ACK]服务器回复“好的我同意”。• 第 13 号包[ACK]我的电脑回复“收到开始传数据”。• 第 14 号包HTTP GET我的电脑发出了具体的请求获取网页内容。这样我们就完整看到了三次握手从[SYN]—— [SYN, ACK]—— [ACK]的全过程。通过这次抓包复现我能更清晰直观地感受到“域名经DNS翻译成IPARP拿到网关MACTCP建立连接浏览器发送HTTP请求服务器返回网页数据浏览器渲染出页面最后断开连接”这个过程。通过这一次的实操我最大的感受是网络安全不能只看书必须要看到真实的数据在网卡上流动。看到那些抽象的理论变成抓包软件里真实的一行行代码这样才真实。

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价 →
↑