IT-Tools 工具集分类体系详解

IT-Tools v2024.10.22 工具集体系：十大家族 86 个工具完整目录（含路由与定位）、工具页通用解剖、BASE_URL 构建期变量与部署参数、多语言/PWA 行为与高频工具实测口径，2026-10-27 源码溯源+实测。

IT-ToolsIT-ToolsVue.js2026/10/27

IT-Tools 工具集分类体系详解

目标：把 IT-Tools 的「工具集」讲透——十大家族 86 个工具的完整目录（含每个工具的路由与一句话定位）、工具页面的通用解剖、部署侧的环境变量与参数清单、多语言与 PWA 行为，以及各类工具的实测口径。目录信息以 v2024.10.22-7ca5933 构建批次的官方源码分类定义（src/tools/index.ts）与界面语言包（locales/en.yml）为据，并于 2026-10-27 在实测实例上核对了界面侧边栏与工具页面结构。如何把服务跑起来见《IT-Tools 安装与初始化实战》；高频工具的逐个输入输出见《IT-Tools 高频工具实战详解（核心篇）》。

一、环境信息

项目值（实测/溯源）
版本v2024.10.22-7ca5933（官方 latest 指向该构建）
工具总数86 个（源码 toolsByCategory 数组逐项清点，与实测界面侧边栏一致）
分类数10 类（Crypto/Converter/Web/Images and videos/Development/Network/Math/Measurement/Text/Data）
界面语言9 种（English/Deutsch/Español/Français/Português/Українська/Tiếng Việt/中文，顶栏选择器实测可切换）
目录数据来源官方源码 src/tools/index.ts 分类定义 + locales/en.yml 显示名，2026-10-27 查阅
运行验证官方部署实例（127.0.0.1:8140），浏览器实测各工具页结构

💡 说明：官方宣传口径常说「150+ 工具」，那是主分支滚动计数；本批次 v2024.10.22-7ca5933 落地的是 86 个。自托管版本以实际部署构建为准，目录随版本增长——本文表格按 v2024.10.22-7ca5933 精确到个位。

二、工具集总体结构

2.1 三种找工具的方式

实测界面提供三种定位工具的路径：

  1. 分类导航：左侧边栏按 10 大类折叠分组，点击类名展开该类全部工具；
  2. 全局搜索：顶栏搜索按钮（自带 Ctrl + K 快捷键提示）唤出模糊搜索，按名称/关键词/描述匹配——例如在 HTTP status codes 工具里搜索 404，模糊命中 404/401/204/304/400/402 等相近条目，说明其 fuzzy 策略包含编辑距离式容错；
  3. 收藏置顶：工具卡片右上角收藏后聚合到首页 Favorites 区，高频工具一键直达。

键盘行为实测：全局搜索入口支持 Ctrl + K 呼出；应用没有更多全局快捷键（源码 src/layouts/base.layout.vue 无全局 keydown 绑定），搜索框内的方向键/回车选择来自 Naive UI 组件的默认行为。

2.2 十大家族一览

分类数量定位代表工具
Crypto11令牌、哈希与密钥类安全操作Token generator、Bcrypt、RSA key pair generator
Converter20各种编码/进制/格式互转Date-time converter、Base64、YAML↔JSON
Web16Web 开发周边（URL/JWT/HTTP 等）JWT parser、HTTP status codes、JSON diff
Images and videos4图像/摄像头QR Code generator、Camera recorder
Development14开发者日常（正则/cron/JSON/SQL 等）Crontab generator、Regex Tester、Chmod calculator
Network6IP/MAC/子网IPv4 subnet calculator、MAC address lookup
Math3表达式与百分比Math evaluator、Percentage calculator
Measurement3计时/温度/基准Chronometer、Temperature converter
Text7文本处理与统计Text statistics、Text diff、Lorem ipsum generator
Data2结构化数据校验Phone parser and formatter、IBAN validator and parser

合计 86 个。下面逐类给出完整目录（工具名 = 界面英文名，路由 = 浏览器地址路径，可直接收藏）。

2.3 Crypto（11 个）

工具路由一句话定位
Token generator/token-generator按字符集与长度生成随机字符串令牌
Hash text/hash-text同一输入并行计算 MD5/SHA1/SHA256/SHA224/SHA512/SHA384/SHA3/RIPEMD160 八种哈希
Bcrypt/bcryptbcrypt 哈希与密文比对（ Blowfish 基础）
UUIDs generator/uuid-generator批量生成 UUID（v4 为主，可调数量）
ULID generator/ulid-generator生成可按字典序排序的 ULID 标识
Encrypt / decrypt text/encryption对称加解密（AES，OpenSSL Salted__ 格式）
BIP39 passphrase generator/bip39-generator生成/验证 BIP39 助记词
Hmac generator/hmac-generator指定密钥与哈希函数计算 HMAC
RSA key pair generator/rsa-key-pair-generator生成 RSA 公私钥 PEM 对
Password strength analyser/password-strength-analyser纯本地密码强度与破解时间估算
PDF signature checker/pdf-signature-checker校验 PDF 文件签名

实测口径要点：本类输出均为浏览器本地生成——令牌/UUID/ULID/密钥每次点击 Refresh 都会变化（无种子、不可复现），哈希类则完全确定（同一输入必得同一输出）；密码强度分析不上传任何数据。逐工具回显见《IT-Tools 高频工具实战详解（核心篇）》。

2.4 Converter（20 个）

工具路由一句话定位
Date-time converter/date-time-converter一个时间戳/日期串并行换算成多格式输出
Integer base converter/base-converter十/十六/二/八进制等互转
Roman numeral converter/roman-numeral-converter罗马数字与数字互转
Base64 string encoder/decoder/base64-string-converter字符串与 Base64 互转
Base64 file converter/base64-file-converter文件/图片与 Base64 互转
Color converter/color-converterhex/rgb/hsl/CSS 颜色名互转
Case converter/case-converter15 种命名风格一次全部生成
Text to NATO alphabet/text-to-nato-alphabet文本转 NATO 音标字母
Text to ASCII binary/text-to-binary文本与 ASCII 二进制互转
Text to Unicode/text-to-unicode文本与 Unicode 码点互转
YAML to JSON converter/yaml-to-json-converterYAML → JSON
YAML to TOML/yaml-to-toml-converterYAML → TOML
JSON to YAML converter/json-to-yaml-converterJSON → YAML
JSON to TOML/json-to-toml-converterJSON → TOML
List converter/list-converter列数据批量变换（转置/前后缀/排序/截断等）
TOML to JSON/toml-to-json-converterTOML → JSON
TOML to YAML/toml-to-yaml-converterTOML → YAML
XML to JSON/xml-to-json-converterXML → JSON
JSON to XML/json-to-xml-converterJSON → XML
Markdown to HTML/markdown-to-html-converterMarkdown → HTML

实测口径要点：本类以「左输入右输出、即时换算」为统一交互；JSON/YAML/TOML/XML 五个转换器都内置合法性校验，输入非法格式会在输出区给出错误提示而不是静默失败；Date-time converter 支持时间戳（秒/毫秒）、ISO、RFC 等多格式并行解析。

2.5 Web（16 个）

工具路由一句话定位
Encode/decode URL-formatted strings/url-encoderURL 百分号编码与解码
Escape HTML entities/html-entitiesHTML 实体转义与反转义
URL parser/url-parserURL 拆解为协议/主机/参数等部件
Device information/device-information当前设备屏幕/UA 等信息
Basic auth generator/basic-auth-generator用户名口令 → Basic 认证头
Open graph meta generator/meta-tag-generator生成 OG 分享 meta 标签
OTP code generator/otp-code-generator-and-validatorTOTP 动态码生成与校验
MIME types/mime-typesMIME 与文件扩展名互查
JWT parser/jwt-parserJWT 解码并展示头/载荷（带人类可读时间）
Keycode info/keycode-info按键的 keycode/code/location 信息
Slugify string/slugify-string字符串转 URL 安全 slug
HTML WYSIWYG editor/html-wysiwyg-editor所见即所得 HTML 编辑器（即时出源码）
User-agent parser/user-agent-parserUA 串解析出浏览器/引擎/OS/CPU/设备
HTTP status codes/http-status-codesHTTP 状态码清单与释义（带搜索）
JSON diff/json-diff两份 JSON 差异对比
Outlook Safelink decoder/safelink-decoder解码 Outlook Safelink 链接

实测口径要点：JWT parser 会把 iat 等时间字段同时给出原始值与人类可读时间；JSON diff 只高亮差异键并标注增删；HTTP status codes 的搜索是模糊匹配（搜 404 会带出 401/204 等）；OTP 每 30 秒轮转一档，同时展示上一档/当前/下一档三个码。

2.6 Images and videos（4 个）

工具路由一句话定位
QR Code generator/qr-code-generator文本转二维码（可调尺寸/纠错级）
WiFi QR Code generator/wifi-qr-code-generatorWiFi 连接信息转扫码即连二维码
SVG placeholder generator/svg-placeholder-generator生成占位 SVG 图
Camera recorder/camera-recorder调用摄像头拍照/录视频

实测口径要点：QR 类输出为 SVG/PNG 下载或复制；Camera recorder 需要浏览器授权摄像头，服务器无头环境下不可用（属浏览器能力，非服务端功能）。

2.7 Development（14 个）

工具路由一句话定位
Git cheatsheet/git-memo常用 git 命令速查
Random port generator/random-port-generator生成避开知名端口(0-1023)的随机端口号
Crontab generator/crontab-generatorcrontab 表达式生成/校验 + 人类可读描述
JSON prettify and format/json-viewerJSON 美化/校验/查看
JSON minify/json-minifyJSON 压缩去空白
JSON to CSV/json-to-csvJSON 转 CSV（自动表头）
SQL prettify and format/sql-prettify多方言 SQL 格式化
Chmod calculator/chmod-calculator权限数字/符号/命令三向换算
Docker run to Docker compose converter/docker-run-to-docker-compose-converterdocker run 命令转 compose 文件
XML formatter/xml-formatterXML 美化
YAML prettify and format/yaml-viewerYAML 美化/查看
Email normalizer/email-normalizer邮箱归一化（Gmail 点号/别名规则）
Regex Tester/regex-tester正则测试（分组捕获/位置/匹配样本/正则图）
Regex cheatsheet/regex-memo正则语法速查

实测口径要点：Regex Tester 是本类最能打的——匹配表带索引区间与捕获组、底部给「样本命中文本」与正则结构图；Crontab generator 默认值即非空（实测初始 40 * * * *，描述"At 40 minutes past the hour, every hour, every day"），符号速查表覆盖 * - , / @yearly 等全部写法。

2.8 Network（6 个）

工具路由一句话定位
IPv4 subnet calculator/ipv4-subnet-calculatorCIDR 全面解析（网络/掩码/广播/范围）
IPv4 address converter/ipv4-address-converterIP 转十/二/十六进制/IPv6 表示
IPv4 range expander/ipv4-range-expander起止 IP 反推合法子网与 CIDR
MAC address lookup/mac-address-lookupMAC 查厂商（内置 OUI 库）
MAC address generator/mac-address-generator批量生成 MAC（可定前缀/大小写）
IPv6 ULA generator/ipv6-ula-generator按 RFC4193 生成 IPv6 ULA

实测口径要点：IPv4 subnet calculator 输入一个 a.b.c.d/n 即输出网络地址/掩码(含二进制)/通配符掩码/容量/首末可用/广播地址/IP 类，是运维排网首选；MAC lookup 查询在本地 OUI 数据完成（无外联）。

2.9 Math（3 个）与 Measurement（3 个）

工具路由一句话定位
Math evaluator/math-evaluator数学表达式求值（sqrt/cos/sin/abs 等）
ETA calculator/eta-calculator按总量与当前进度估完成时间
Percentage calculator/percentage-calculator百分比三问（X% of Y / X 是 Y 的百分之几 / 增幅）
Chronometer/chronometer秒表（多次分段计时）
Temperature converter/temperature-converter摄氏/华氏/开尔文等 8 种温标互转
Benchmark builder/benchmark-builder简易任务耗时基准对比

实测口径要点：Math evaluator 支持 ^ 幂、sqrt() 等，实测 2^10 * 3 + 5 / sqrt(16) → 3073.25；Percentage calculator 三张卡片并行互算。

2.10 Text（7 个）与 Data（2 个）

工具路由一句话定位
Lorem ipsum generator/lorem-ipsum-generator生成占位文本（段/句/词三档）
Text statistics/text-statistics字符/词数/字节等统计
Emoji picker/emoji-pickeremoji 检索复制（含码点）
String obfuscator/string-obfuscator字符串打码（保留首尾）
Text diff/text-diff双栏文本差异（Monaco 编辑器）
Numeronym generator/numeronym-generatori18n 风格缩写生成
ASCII text drawer/ascii-text-drawer文本转 ASCII 字符画
Phone parser and formatter/phone-parser-and-formatter电话号码解析/校验/格式化
IBAN validator and parser/iban-validator-and-parserIBAN 校验与解析

实测口径要点：Text diff 底层是 Monaco diff 编辑器（与 VS Code 同源），左右各一编辑区、差异行高亮；Lorem ipsum 按「段落数」生成，点 Refresh 重掷。

三、工具页面的通用解剖

86 个工具页面交互高度一致（官方脚手架保证，见《IT-Tools 介绍与选型指南》§3.2），实测结构为四段式：

  1. 标题区：工具名 + 一句话英文描述；
  2. 输入区：文本框（textarea/input）或表单控件，placeholder 即字段说明（如 The string to encode）；
  3. 输出区：同样式文本框回显结果，随输入即时更新（绝大多数工具无需点「提交」）；
  4. 动作区：Copy（复制到剪贴板）与 Refresh（重掷随机类结果）按钮——随机类工具（Token/UUID/ULID/RSA/Lorem）带 Refresh，确定类工具没有。

实测补充两点：输出框多为只读复制框，复制按钮直接读框内值；部分工具（Bcrypt/Text diff/Regex Tester）存在自动比对/即时匹配逻辑，无需点击触发。

四、部署侧参数与环境变量

IT-Tools 是纯前端应用，没有服务端配置文件、没有运行时环境变量——所有「配置」只有两类：构建期变量与部署参数。

4.1 构建期变量（唯一影响产物形态的开关）

变量默认作用实测结论
BASE_URL/Vite base，决定产物内资源引用前缀官方产物固定 base=/；要子路径部署必须以 BASE_URL=/itools/ 重新构建（源码 vite.config.ts：const baseUrl = process.env.BASE_URL ?? '/'），并在反代上配对剥前缀。全程实测见《IT-Tools 安装与初始化实战》§4.2

除此之外官方构建无其他环境变量开关（PWA、i18n 均为构建期固化的插件配置）。

4.2 部署参数速查（以官方部署路径为例，完整步骤见《IT-Tools 安装与初始化实战》）

参数示例值说明
端口映射-p 8140:80官方固定监听 80，宿主侧端口自选
重启策略--restart unless-stopped官方 README 推荐值
网络--network it-tools-v2024.10.22-net建议显式建网（如 10.89.67.0/24），便于反代按服务名互访
数据卷无无状态应用，官方路径无需挂载；自建静态托管时挂载产物目录即可
资源限制建议内存上限 128M静态服务开销极小（实测官方产物总量约 14 MB）
版本锁定corentinth/it-tools:2024.10.22-7ca5933生产锁 tag，避免 latest 漂移

五、多语言与 PWA

  • 多语言：顶栏选择器实测 9 种语言，切换即时生效、无需刷新；工具内字段文案与站点框架文案分层翻译（locales/ 与 src/tools/*/locales/ 双层，官方 README 可证）。
  • PWA：构建产物含 sw.js 与 workbox-*.js，实测 v2024.10.22 批次预缓存 264 项（约 3.1 MB）——浏览器访问过一次后可安装为本地应用，断网可用；这也是内网/离线场景部署它的加分项。
  • 主题：亮/暗双主题，顶栏一键切换，跟随存储记忆。

六、高频工具实测口径总表

本文目录的每类工具如何验证、看什么，收敛为下表（完整输入输出回显在《IT-Tools 高频工具实战详解（核心篇）》逐条给出）：

类别实测方式验收口径
随机类（Token/UUID/ULID/RSA/Lorem）设定参数 → Refresh 重掷两次两次输出不同、格式符合规范（长度/字符集/PEM 结构）
哈希类（Hash text/HMAC）固定输入 hello world与标准算法已知值一致（可本地 sha256sum 对拍）
慢哈希（Bcrypt）固定口令 + 默认 10 轮输出 $2a$10$ 前缀；比对功能判「Yes/No」
编解码（Base64/URL/HTML 实体）含中文输入编解码回环回环一致；中文按 UTF-8 处理
解析类（JWT/URL parser/UA）构造合法样例头/载荷/部件逐项还原，时间字段有人类可读值
对比类（JSON diff/Text diff）两份仅差数字的样例只高亮差异项，标注增/删
网络类（IPv4 subnet）192.168.10.130/26网络/广播/首末地址与理论值一致
计算类（Math/Percentage）已知答案表达式2^10*3+5/sqrt(16) → 3073.25
生成类（Crontab/Slugify/Case）固定输入表达式与人类描述一致；15 种命名全量产出

七、排障实录

  • 现象一：清理浏览器本地存储后，首页 Favorites 清空、语言回到英文。根因：偏好（收藏/语言/主题）全部存浏览器 localStorage，服务端无任何账户体系。解决：换设备无法迁移是产品设定，不是故障；需要团队统一入口时把常用工具路由直接写进内部书签即可。
  • 现象二：在 HTTP status codes 搜索 404，结果里出现 204/304 等不相干条目。根因：搜索为模糊匹配（fuzzy），编辑距离近的条目也会命中。解决：非故障，属预期行为；精确查找时输入完整词 Not Found 可收窄。
  • 现象三：Crontab generator 一打开就显示 40 * * * *，以为被改动过。根因：该工具默认值即非空（实测初始状态 40 * * * *，描述 "At 40 minutes past the hour, every hour, every day"）。解决：直接在其分区控件上改即可，无需重置。
  • 现象四：OTP code generator 输入 JBSWY3DPEHPK3PXP 后码值每 30 秒自己变。根因：TOTP 本就是时间驱动（实测页面同屏显示 Previous/Current/Next 三档与 Next in Ns 倒计时）。解决：对拍时注意取「Current」一档，且两端时钟需一致。
  • 现象五：Camera recorder 打开黑屏。根因：依赖浏览器摄像头授权，且非 HTTPS 源会被浏览器拒绝（localhost 除外）。解决：经 HTTPS 反代访问（《IT-Tools 安装与初始化实战》§4.3 的反代可叠加 TLS），并在浏览器里允许摄像头权限。

八、参考链接