企业官网建设流程全解析

it-tools 网络工具上手指南：子网计算、IP 换算与 MAC 厂商查询

【免费下载链接】it-toolsCollection of handy online tools for developers, with great UX.项目地址: https://gitcode.com/GitHub_Trending/ittoo/it-tools

凌晨一点，交换机的 ARP 表里多出一台没登记过的设备。你要做的其实就三件事：确认它落在哪个网段、把这段地址的边界算清楚、查一下 MAC 前缀是谁家的设备。it-tools 里的网络工具组刚好覆盖这三步——子网计算器、IP 地址格式转换、MAC 厂商查询，全部在浏览器里本地完成，内网段和设备信息不出你的机器。

📌 先认识一下

这节帮你用 30 秒判断这套工具值不值得花时间。

it-tools 是一个开发者在线工具集合，src/tools/目录下有 80 多个独立工具，其中网络相关的一组集中在四件事上：IPv4 子网计算、IPv4 地址格式转换、IPv4 地址范围换算、MAC 地址厂商查询。它们的共同点是纯前端实现、输入即出结果、计算过程不经过服务器。适合网络工程师做地址规划、运维做排障，也适合刚学网络的人拿实例把 CIDR 这些概念吃透。

🔧 按场景看功能

逐个念功能清单没有意义，下面按你实际会碰到的三个场景来看，每个场景都配真实输入和输出。

规划子网：把一个 /24 摸透

子网计算器只有一个输入框，默认就填着192.168.0.1/24。输入后页面直接列出结果表：

表格下方有 Previous block / Next block 两个按钮，点一下输入框就跳到相邻网段（192.168.1.0/24），规划连续地址段时不用自己算进位，每个数值还能一键复制。

核对地址段：两个 IP 之间有多少台设备

地址范围转换器接收起点和终点两个 IP：输入 192.168.1.0 到 192.168.1.255，返回最紧的 CIDR192.168.1.0/24，并同时给出换算后段大小 256 与你原始区间的大小，方便确认区间是否恰好对齐到 /24。

格式转换器处理单个 IP：输入 192.168.0.1，同时得到十进制整数 3232235521、IPv6 映射形式 0000:0000:0000:0000:ffff:c0a8:0001 和二进制表示。写防火墙规则、核对数据库里按整数存的 IP 列时，这类换算不用再掏计算器。

定位一台设备：MAC 前缀是谁家的

MAC 地址查询工具内置 OUI 数据库（oui-data 包，覆盖数千家厂商）。把交换机上抓到的 20:37:06:12:34:56 输进去，厂商卡片直接显示 Apple Inc. 的登记信息，再点一下按钮就能把厂商信息复制走。

OUI 是 MAC 地址的前 24 位，由 IEEE 分配给厂商。所以只要前缀命中，设备一定出自那家厂商——这是判断"这台设备该不该出现在这里"最快的依据。

🧭 走一遍完整流程

新办公室要划三个部门网段，这是端到端的五步，全程不超过三分钟：

1. 打开子网计算器，输入 10.20.0.1/24，记下网络地址 10.20.0.0、广播地址 10.20.0.255，可用主机 254 台。
2. 连点 Next block 两次，依次得到 10.20.1.0/24 和 10.20.2.0/24，三个部门的地址段就齐了，而且天然不重叠。
3. 打开地址范围转换器，输入 10.20.0.0 到 10.20.2.255，确认最紧 CIDR 是 10.20.0.0/22、段大小 1024，向上报地址段时直接引用这个数。
4. 用格式转换器把 10.20.0.255 转成十进制 169083135，用来核对 ACL 里整数形式的条目。
5. 上线后从 ARP 表抽查一台设备的 MAC，丢进 MAC 查询确认厂商在你的预期列表里。

💡 效率与避坑

四条都是踩过或看过源码才知道的：

1. 直接输入地址/掩码（如 192.168.0.1/24），不要试图分开填 IP 和掩码——输入框只认一个值，带 CIDR 写是它最自然的输入方式，少一步少一处出错。
2. 刷新页面不用重输：输入值通过 useStorage 存在浏览器本地，上次填的网段还在输入框里。排障时频繁切换工具，上下文不会丢。
3. MAC 输入只接受冒号或连字符分隔（20:37:06:12:34:56 或 20-37-06-12-34-56），Cisco 常用的点分格式过不了校验。知道这条正则的边界，就不会在无效格式上反复试错。
4. 规划连续网段就用 Previous/Next block 跳块，别手动改 IP 算进位。跳块由 netmask 库计算，/24 进位到更高八位时不容易算错。

📂 往深了看

想验证或魔改这些工具，路径很少，四个就够：

• src/tools/ipv4-subnet-calculator/—— 子网计算器的界面与 IP 类别（A/B/C）判断逻辑，判断函数在同目录的 models 文件里
• src/tools/ipv4-range-expander/ipv4-range-expander.service.ts—— 范围换算的 CIDR 计算全在这一个 60 来行的文件里
• src/utils/macAddress.ts—— MAC 校验的正则规则，能直接看出支持哪些分隔格式
• README.md—— 项目说明、本地运行方式与贡献指南

这套网络工具的价值在于把子网计算、格式换算、设备识别三类高频操作收敛进一个纯前端页面，输入即出结果，敏感信息留在本地。下一步不用收藏文章：直接打开 it-tools 官网，把 192.168.0.1/24 输进子网计算器，两分钟就能对上本文里所有数字。

【免费下载链接】it-toolsCollection of handy online tools for developers, with great UX.项目地址: https://gitcode.com/GitHub_Trending/ittoo/it-tools