2026-10-24 10:05:29 网络安全文章来源：ZONE.CI 全球网 0 阅读模式

10个网络工具，从掩码数轴到报文拆包，把网络原理画给你看

原创

wljslmz瑞哥
wljslmz瑞哥

网络技术联盟站

2026年10月21日 08:00
江苏

去阅读

上个月有个读者在群里说，他给新人讲子网划分，白板上画了三十多个方格，讲到 /26 的时候自己都开始怀疑人生。还有个做培训的朋友问我，能不能搞点\"开会投屏就能讲\"的东西——别让新人盯着 RFC 打瞌睡。

这次 V2.11.0 就是照着这个思路做的：一口气 10 个新工具，一半是规划实战的效率工具，一半是把网络课上那些\"只能意会\"的原理直接画出来的可视化教具。全部塞进\"网络工具\"分类，加上之前的底子，这个分类现在有 23 个工具，从地址规划到协议理解基本齐了。

先上目录。

10 个工具，按用途分三组

地址规划实战：

VLSM 规划计算器 — 填主网段和各子网主机数，不等长切分一步到位
CIDR 地址空间可视化 — 整个地址空间画成一条色块，浪费在哪一眼看到
路由路径绘图器 — 静态路由/默认路由的转发路径自动画出来，测试 IP 演示查表

原理可视化教具：

子网比特可视化面板 — 32 个方格逐位显示 0/1，网络位主机位分色，IPv6 还能看 128 位
掩码数轴可视化 — 0~255 一条数轴，掩码的连续 1 位怎么把地址切块
VLAN 广播域隔离图 — 交换机端口按 VLAN 分区，Trunk 带 802.1Q 标签画出来
路由优先级对比面板 — 华为 Preference 和思科 AD 双色进度条，拖拽排序对比
报文头部可视化 — IP/TCP/UDP 头部逐字段拆解，TCP Flags 点着玩

速查查询：

IP 协议号查询 — IANA 官方全表 142 条，协议号和名称双向查，支持中文
IPv6 子网计算器 — CIDR 计算、压缩展开、地址类型判断三合一

下面一组一组说。

VLSM 规划计算器

https://tool.geek.cab/tools/vlsm-calculator。上面一个框填主网段，比如 192.168.1.0/24；下面一行行填子网需求——备注写\"办公区\"、主机数填 100，再加一行\"监控区\" 50，想加几行加几行。点\"开始规划\"，它按标准 VLSM 做法大网段优先排列，每段子网的网段 CIDR、掩码、可用 IP 范围、广播地址全列出来，底部还统计主网总地址、已分配、剩多少。

乱序输入结果也一样——先按需求从大到小排再分配，这是避免地址碎片的标准动作，工具帮你做了。哪条需求超出主网容量会直接报错告诉你哪条放不下，不用等算完了才发现。跟老的\"子网划分工具\"的区别：那个是等分，这个是按需不等长切，贴近真实的园区网规划。

CIDR 地址空间可视化

https://tool.geek.cab/tools/cidr-visualizer，这个是我个人最想推荐给做规划的兄弟的。

它把主网段的全部地址空间画成一条横向色块，每个子网按占比分一段颜色。两种模式：按主机数是新规划用的，填需求自动紧凑排列；按网段是审查用的——把现网已有的网段挨个填进去，色块之间要是出现灰色斜纹，那就是没用掉的空洞；出现红色就是子网重叠冲突。顶部统计卡直接给浪费占比百分数。

鼠标悬浮任何一段，网段、起止 IP、可用数、占比全出来。开会投屏讲\"咱们这块地址浪费了 40%\"，比在 Excel 里按半天计算器有说服力多了。

路由路径绘图器

https://tool.geek.cab/tools/route-draw。填源网段、PC IP、默认网关，然后一行行加静态路由：目的网段 + 下一跳 + 备注。它自动画出 PC → 网关 → 下一跳 → 目的网段的箭头路径，多条路由并排成泳道，一眼对比不同走向；默认路由的目的端直接画成互联网云。

最好玩的是底部那个测试目的 IP：填一个 10.1.5.6，它按路由查表规则演给你看——同网段就提示二层直达，不然按最长前缀匹配选出胜者，命中那条泳道的箭头开始流动，其他置灰；连默认路由都没有就红字告诉你丢包。给新人讲\"为什么有默认路由还会不通\"，这个演示比 PPT 灵。

子网比特面板 + 掩码数轴

子网比特可视化（https://tool.geek.cab/tools/subnet-bits）是上期\"掩码二进制可视化\"的升级版：32 个独立方格，每位显示 0/1，网络位蓝色实心、主机位描边。悬浮任意一格，位序、权重 2 的幂、属于第几段、该段二进制全弹出来；拖前缀滑杆方格实时变色。附带掩码行——掩码的 1/0 分界和地址行的颜色分界严格对齐，\"掩码\"这个名字是怎么来的，图上一看就懂。右上角还能切到 IPv6 模式渲染 128 位，按 hextet 分组标注十六进制。

掩码数轴可视化（https://tool.geek.cab/tools/mask-numberline）换个角度讲同一件事：把单个八位组的 0~255 画成数轴，掩码的连续 1 位（比如 /26 的 11000000）把数轴均分成 4 块，当前子网高亮，左右箭头切换子网块看着它平移。\"1 的个数决定切几刀\"这个说法，配这张图讲一次就忘不掉。

VLAN 广播域隔离图

https://tool.geek.cab/tools/vlan-visualizer。交换机端口一行行配：端口名、Access/Trunk、VLAN 号。画布上自动画出交换机，不同 VLAN 的端口圈进不同颜色的虚线区域——每个虚线框就是一个广播域；Trunk 端口往右拉一条紫色虚线，链路上挂 802.1Q 标签的菱形标记。

点任意端口方块：同 VLAN 的伙伴端口亮绿框，其他 VLAN 的端口压暗打红叉，底下横幅直接告诉你\"广播只在域内泛洪，跨 VLAN 要过三层\"。新人老问\"接同一台交换机为什么 ping 不通\"，点两下比解释十分钟管用。

路由优先级对比

https://tool.geek.cab/tools/route-priority。13 种协议的优先级做成横向进度条——蓝条思科 AD、橙条华为 Preference，数值越小条越短越优先。可以勾掉暂时不关心的协议，可以直接拖行排序，点开任意条弹窗看协议详解和厂商差异分析。

页尾整理了跨厂商三大差异速记，都是踩过坑才记得住的：静态路由 1 vs 60（思科默认抢 OSPF 的活，华为不会）、OSPF 110 vs 10（华为 OSPF 甚至压过自家静态）、BGP 20/200 vs 统一 255。双厂商环境或者准备迁移的，这张表建议收藏。

报文头部可视化

https://tool.geek.cab/tools/packet-header，排障学习向。IPv4 / TCP / UDP 三种头部按 RFC 风格画成逐字段的格子图，悬浮任何字段弹出含义和字节长度——TTL 那格的说明里直接写了 traceroute 的原理，窗口那格写了零窗口怎么排查。

字段值可以直接改，校验和按 RFC 实时重算（TCP/UDP 还带 IPv4 伪首部），改 TTL 立刻看到校验和变。TCP 那页有独立的 Flags 控制面板：SYN/ACK/RST/FIN 四个大按钮点击置位，配色高亮，还有三次握手和挥手的快捷预设——点\"SYN\"再点\"SYN+ACK\"，观察 Flags 字节从 0x002 变 0x012，比背表格直观多了。

IPv6 子网计算器 + IP 协议号查询

IPv6 子网计算器（https://tool.geek.cab/tools/ipv6-subnet）三合一：CIDR 计算给网络地址和首尾可用地址；压缩/展开对照按 RFC 5952 来，也认 ::ffff:192.168.1.1 这种 IPv4 嵌入写法；地址类型判断是亮点——全球单播、链路本地、ULA、组播（还能解析出范围）、NAT64、6to4、废弃的站点本地，每种弹出中文解释。下面还能把 /48 细分成 /64 预览前 16 个。IPv6 从入门到够用，一个页面。

IP 协议号查询（https://tool.geek.cab/tools/ip-protocol）数据直接从 IANA 官方注册表拉的，142 条已分配协议全收录。双向查：输 6 出 TCP，输 UDP 出 17，输中文\"传输控制\"也能搜到。每条带 RFC 号、IPv6 扩展头和废弃标记，下面全表可筛选。写防火墙策略配 permit ip any any 6 之前，不用再开浏览器搜\"IP protocol 6 is what\"。