Protocol Explorer 是一个免费的在线教学网站,把互联网常见协议做成可播放、可步进的交互式动画,按数据包演示客户端与服务器之间每一次握手、解析、收发究竟是怎么发生的。它不抓你本机的真实流量,也不替代 RFC 原文,定位是把教材里抽象的协议时序图变成能按播放键的可视化课程,当前以 alpha 预览版运行在 Vercel 上,2026 年 11 月初刚在 Hacker News 上被提交讨论。对自学者来说,这种形态的在线工具类Web应用免去了装 Wireshark、配镜像口的门槛,是入门阶段很好的学习资源。

场景痛点
学《计算机网络》这门课,最常见的卡点不是概念记不住,而是看不见——书上画一条斜线代表一个包,TCP 三次握手在纸上就是三行字,DNS 查询为什么先问根再问权威服务器,始终停留在符号层面。等真要排障时,抓包工具吐出满屏十六进制字段,新手又卡在看不懂每一段是什么意思,更说不清这一段和上一段之间发生了什么。Protocol Explorer 想补的就是这中间一段:既不是教材,也不是抓包软件,而是把包的来龙去脉拆开给你看一遍。作为一个值得记下来的网站推荐类有趣网站,它适合在啃教材卡壳、或者准备做课程实验的时候打开对照。
主要功能特点
交互式协议动画课程
每个协议都做成一节可以播放的课程,不是静态示意图,而是一段可以按播放、暂停、单步前进的动画。你可以让 TCP 三次握手一行一行发出去,也可以把 HTTPS 握手暂停在密钥交换那一帧,看清楚 Client Hello 和 Server Hello 各自带了什么字段。这种在数字生活里少见的教学形态,让自学者不必先搭实验环境就能看到包的真实流转顺序。
逐字节解码每一个数据包
动画里出现的每一个包,旁边会把它按字节拆开,以太网头、IP 头、TCP 或 UDP 头、应用层 payload 各占多少字节、每个字段当前是什么值,都标得清清楚楚。这不是只画个箭头说请求发出去了,而是把包在协议栈里逐层封装、逐层解封装的过程摊开。它和传统工具推荐类软件工具的思路不同,解决的是图上有包却不知道包里装了什么这道坎。
覆盖 14 种常见协议
站点目前收录了 HTTP、HTTPS、TCP、UDP、IP、DNS、DHCP、ICMP、SMTP、POP3、IMAP、FTP、SSH、TLS 共 14 种协议。从底层 IP 寻址到应用层网页、邮件、文件传输,每层都有对应动画。这种整齐的资源发现覆盖面比零散找视频省心。
完整客户端服务器时序
一节课程会把一次完整交互从发起到结束跑完:一次 DNS 查询怎么从递归解析器问到权威服务器,一次 HTTPS 握手怎么在应用数据传输之前先把密钥协商完,一次邮件怎么从发件端经 SMTP 投递、再由 POP3 或 IMAP 拉到收件端。看完一整轮,时序图里每个箭头对应的现场动作就有了着落,不再是纸上背下来的死图。
多语言含简繁中文
界面提供 English、Spanish、Portuguese、French、German、Turkish、Indonesian、Japanese、简中、繁中十种语言,中文读者可直接切到简中读字段解释。它更接近宝藏网站与酷软趣站的交叉,而不是实用软件那种要装到机器上的工具。
浏览器打开即用无需注册
整个站点是纯前端教学页面,浏览器访问网址就能开始看,不用注册、不用安装、也不要求在本机跑服务。课堂上、自习室里、手机浏览器里都能临时打开一帧对照,天然具备跨平台应用的属性。当然,它部署在 Vercel 上,国内访问速度会受网络环境影响;当前还是 alpha 预览版,作者也在收集下一步从哪开始看更顺手的反馈。
项目地址
官网 https://protocol-explorer-alpha.vercel.app/
相关推荐







