NavSproutNavSprout / A home for good tools✳
Submit

交互学习工具

Protocol Explorer · HTTPS

通过消息动画、真实到达顺序和报文解析，理解互联网协议。

阅读学习指南 ↓
PROTOCOL EXPLORER学习互联网的工作原理
当前学习HTTPS · 安全网页通信概览 · 6 个步骤
学习进度0%
0 / 14 已完成 · 0 学习中
客户端192.168.1.10路由器192.168.1.1互联网DNS 解析器8.8.8.8Web 服务器203.0.113.10

协议概览

HTTPS

当前

HTTP over TLS

观察浏览器如何把 HTTP 语义与认证加密结合。HTTPS 保护 TLS 端点之间的路径、首部和正文。

层级
传输之上的安全层
默认端口
443
承载协议
TCP + TLS (this lab)
数据格式
HTTP inside encrypted TLS records
标准文档
RFC 9110, RFC 8446
阅读完整指南 ↗

数据包流

DNSTCP请求响应
序号时间源地址目标地址协议信息大小
10.000s192.168.1.108.8.8.8DNSStandard query A www.example.com75 B
20.024s8.8.8.8192.168.1.10DNSStandard query response A 203.0.113.1091 B
30.048s192.168.1.10203.0.113.10TCP52344 → 443 [SYN] Seq=066 B
40.072s203.0.113.10192.168.1.10TCP443 → 52344 [SYN, ACK] Seq=0 Ack=166 B
50.096s192.168.1.10203.0.113.10TCP52344 → 443 [ACK] Seq=1 Ack=160 B
60.120s192.168.1.10203.0.113.10TLSClientHello · supported_versions=TLS 1.3113 B
70.144s203.0.113.10192.168.1.10TLSServerHello · TLS_AES_128_GCM_SHA256109 B
80.168s203.0.113.10192.168.1.10TLSEncrypted handshake · illustrative ciphertext107 B
90.192s192.168.1.10203.0.113.10TLSClient Finished · illustrative ciphertext107 B
100.216s192.168.1.10203.0.113.10TLSApplication data · illustrative ciphertext107 B
110.240s203.0.113.10192.168.1.10TLSEncrypted HTTP response107 B

NAVSPROUT · PROTOCOL FIELD GUIDES

HTTPS，逐包理解。

观察浏览器如何把 HTTP 语义与认证加密结合。HTTPS 保护 TLS 端点之间的路径、首部和正文。

协议学习指南

HTTPS 工作原理

观察浏览器如何把 HTTP 语义与认证加密结合。HTTPS 保护 TLS 端点之间的路径、首部和正文。

默认端口
443
传输 / 承载
TCP + TLS (this lab)
类别
安全

1. 准备安全请求

浏览器解析 HTTPS 地址，并在发送 HTTP 前选择认证加密。

2. 寻找目标

DNS 提供地址。即使 HTTP 内容已加密，传统 DNS 与 IP 路由仍可能暴露目标信息。

3. 建立 TCP 连接

对于基于 TCP 的 HTTPS，先建立传输层连接。HTTP/3 则使用 QUIC。

4. 协商 TLS

ClientHello 与 ServerHello 协商参数和密钥份额。TLS 1.3 在 ServerHello 之后加密后续握手消息。

5. 传输加密 HTTP

HTTP 请求与响应放进经过认证的 TLS 记录。被动观察者可看到长度和时间，无法直接读取明文 HTTP。

6. 渲染安全页面

浏览器解密并认证响应，解析 HTML 并显示页面。安全连接验证主机身份，而不是网页内容是否可信。

相关协议

协议跨层协作。对比相关课程，区分寻址、交付、应用语义与加密。

标准与编写说明

课程由 NavSprout 独立编写和实现，根据公开协议标准整理，使用教学地址与虚构凭据。完整线格式与规范行为请参阅标准。

RFC 9110 ↗ RFC 8446 ↗

检查理解

HTTPS 记录隐藏了什么？

为什么收录这个工具NAVSPROUT ORIGINAL

把定义与数据包联系起来，更容易理解网络原理。本站学习工具将静态正文与可视化实验、字节解析和知识自测结合，全部课程和应用资源都由 NavSprout 提供。

  1. 选择 DNS，跟随查询从客户端到权威服务器。
  2. 切换时序图，打开数据包，选择字段查看对应字节。
  3. 比较 TCP 和 UDP，完成自测并导出学习进度。

常见问题

打开网站时发生了什么？

典型的首次 HTTPS 访问可能涉及 DNS 解析、传输层连接、TLS 握手与 HTTP 交换。缓存、连接复用和 HTTP/3 会改变这一顺序。

TCP 和 UDP 有什么区别？

TCP 提供可靠有序的字节流。UDP 保留独立数据报边界，不内置交付保证。应用根据需要选择协议。

这里是真实抓包吗？

不是。数据帧由本站本地生成用于教学，长度与校验和经过计算；TLS 密文与部分协商载荷属于示意。下载的 PCAP 包含合成示例，不是实时流量。

不登录或禁用 JavaScript 可以学习吗？

全部 14 种协议的课程正文以普通 HTML 提供，无需登录即可阅读。动画、字节解析、本地进度与自测需要 JavaScript。

学习进度保存在哪里？

仅保存在当前浏览器的本地存储中。可导出进度 JSON 转移到其他设备；清除浏览器数据可能删除进度。

MAKE A THOUGHTFUL CHOICE

Your shortlist, side by side.

Pricing models are indicative. Check each official website for current plans and limits.