开发者的日常痛点
作为程序员,你每天都在和各种数据格式打交道。调试 API 时需要格式化 JSON、处理认证时需要 Base64 编解码、写数据验证时需要测试正则表达式、Code Review 时需要对比代码差异……
这些都是高频但不值得安装专用软件的小需求。你可能习惯了在 Google 搜索「JSON formatter online」然后用搜索结果第一个网站,但每次都是不同的网站,广告多、体验差。
ToolBox 把程序员最常用的 15 款在线工具整合在一起,统一的界面、无广告干扰、浏览器本地运行(你的数据不会被发送到任何服务器)。
一、JSON 格式化与转换
JSON 格式化/压缩
这是使用频率最高的开发者工具之一。无论是调试 API 返回的数据还是编写配置文件,一个好用的 JSON 格式化工具可以极大提升效率。
ToolBox 的 JSON 格式化工具支持:
- 一键美化:将压缩的 JSON 格式化为易读的缩进格式
- 一键压缩:将格式化的 JSON 压缩为一行,方便存储和传输
- 语法校验:实时检测 JSON 语法错误,精确提示错误位置
- 树形视图:可视化展示 JSON 结构,方便浏览嵌套数据
- 路径查找:点击任意节点查看其 JSONPath
📋 JSON 格式化工具
格式化、压缩、校验 JSON 数据。支持大型文件和实时预览。
💡 实际场景
从 API 响应中复制了一大段压缩的 JSON?粘贴到工具中一键美化,立刻看清数据结构。发现数据有问题?工具会高亮错误位置。
JSON ↔ CSV 转换
当你需要将 JSON 数据导入 Excel 分析,或将 CSV 数据转为 JSON 用于程序处理时:
📊 JSON 转 CSV
将 JSON 数组转为 CSV/Excel 格式,支持嵌套数据扁平化。
YAML ↔ JSON 转换
Kubernetes、Docker Compose、GitHub Actions 等工具都使用 YAML 配置。YAML 和 JSON 互转在 DevOps 工作中非常常见。
🔄 YAML ↔ JSON
YAML 和 JSON 格式互转,支持语法校验。
二、编码/解码工具
Base64 编解码
Base64 编码在 Web 开发中无处不在:
- JWT Token:JWT 的 Header 和 Payload 部分是 Base64 编码的
- Data URI:将小图片嵌入 CSS/HTML(
data:image/png;base64,...) - API 认证:HTTP Basic Auth 使用 Base64 编码凭证
- 邮件附件:MIME 邮件中附件用 Base64 编码传输
🔐 Base64 编解码
文本 Base64 编码/解码,支持 URL-safe 模式。
URL 编码/解码
URL 中的特殊字符(空格、中文、& 等)需要编码后才能安全传输。当你调试带参数的 URL 时,URL 编解码工具是必备的。
🔗 URL 编码/解码
URL 编码和解码,支持 encodeURIComponent 和 encodeURI 两种模式。
%E4%BD%A0%E5%A5%BD 这样的编码文字,复制到 URL 解码工具就能看到原始中文「你好」。
图片转 Base64
将小图片(图标、Logo)转为 Base64 编码嵌入 HTML/CSS,可以减少 HTTP 请求数量,加快页面加载速度。适合小于 10KB 的图片。
🖼️ 图片转 Base64
将图片文件转为 Base64 Data URI,可直接嵌入代码。
三、正则表达式测试器
正则表达式是程序员又爱又恨的工具。写对了威力无穷,写错了 debug 半天。一个好的正则测试器可以帮你:
- 实时匹配:输入正则和文本,即时高亮所有匹配结果
- 分组捕获:查看每个捕获组的匹配内容
- 标志设置:快速切换 g/i/m/s 等标志
- 常用模板:内置邮箱、手机号、URL、IP 地址等常用正则模板
- 替换测试:测试正则替换效果
🔍 正则表达式测试器
实时测试和调试正则表达式,支持高亮匹配、分组捕获和替换。
💡 常用正则速查
邮箱:^[\w.-]+@[\w.-]+\.\w+$
手机号:^1[3-9]\d{9}$
URL:https?:\/\/[\w\-]+(\.[\w\-]+)+[/#?]?.*$
IPv4:^(\d{1,3}\.){3}\d{1,3}$
四、文本 Diff 对比
Code Review、调试配置文件变更、比较两个版本的文档——文本 Diff 工具在这些场景下不可或缺。
ToolBox 的 Diff 工具支持:
- 并排对比(Side by Side):两个文本左右对照
- 行内对比(Inline):变更内容在同一行中高亮显示
- 语法高亮:支持多种编程语言的语法着色
- 忽略空白:可选择忽略空格/缩进差异
📝 Diff 文本对比
对比两段文本的差异,支持并排和行内两种视图。
五、ID / Hash 生成器
UUID 生成器
UUID(通用唯一标识符)在分布式系统中广泛使用。ToolBox 支持 v1(基于时间)和 v4(随机)两种版本,可批量生成。
🆔 UUID 生成器
生成 UUID v1/v4,支持批量生成和一键复制。
Hash 生成器
快速计算文本的哈希值,支持 MD5、SHA-1、SHA-256、SHA-512 等多种算法。常用于:
- 校验文件完整性(下载的文件 MD5/SHA256 是否与官方一致)
- 生成密码哈希(注意:生产环境请使用 bcrypt/argon2)
- 数据签名和验证
#️⃣ Hash 生成器
计算文本的 MD5、SHA-1、SHA-256、SHA-512 哈希值。
时间戳转换
Unix 时间戳和人类可读日期的互转,是处理日志和调试 API 时的常见需求。支持秒级和毫秒级时间戳。
🕐 时间戳转换
Unix 时间戳与日期格式互转,支持秒级/毫秒级。
六、文本处理工具
Markdown 编辑器
实时预览的 Markdown 编辑器,适合写 README、技术文档、博客草稿。支持 GitHub Flavored Markdown (GFM)。
📄 Markdown 编辑器
所见即所得的 Markdown 编辑器,实时预览和导出。
DOCX 转 Markdown
将 Word 文档转为 Markdown 格式,方便导入 GitHub、Notion、Hexo 等支持 Markdown 的平台。
📝 DOCX 转 Markdown
Word 文档一键转 Markdown,保留标题、列表、图片等格式。
其他文本工具
- 大小写转换:camelCase、PascalCase、snake_case、UPPER_CASE 互转
- 字数统计:统计字符数、单词数、行数和阅读时间
- Lorem Ipsum 生成器:快速生成占位文本用于设计稿
效率提升技巧
以下是一些使用这些工具提升开发效率的建议:
📌 收藏常用工具
把最常用的 3-5 个工具加入浏览器书签栏,一键直达。推荐收藏:JSON 格式化、Base64 编解码、正则测试器。
⌨️ 善用快捷键
大多数工具支持 Ctrl+V 粘贴后自动处理,以及 Ctrl+Enter 快捷执行。利用好这些快捷键可以节省大量鼠标操作。
🔄 组合使用
很多工具可以串联使用。比如:从 API 获取 JWT Token → Base64 解码 Payload → JSON 格式化查看内容 → 用时间戳工具验证过期时间。
🔒 安全意识
ToolBox 所有工具都在浏览器本地运行,但仍建议:不要在任何在线工具中输入生产环境的密码或密钥。测试时使用样例数据。
常见问题 (FAQ)
Q: 这些工具可以离线使用吗?
首次加载后,大部分工具可以在断网环境下使用(静态页面+本地 JavaScript)。不过建议保持网络连接以获取最新版本。
Q: JSON 格式化支持多大的数据?
在大多数现代浏览器中可以处理 10MB+ 的 JSON 数据。超大数据可能导致页面卡顿,建议使用 VS Code 等桌面编辑器。
Q: 正则表达式引擎和 JavaScript 一样吗?
是的,ToolBox 的正则测试器使用浏览器内置的 JavaScript 正则引擎。如果你的应用使用 PCRE(PHP/Python)等其他引擎,部分高级语法可能有差异。
Q: 生成的 UUID 是否保证唯一?
UUID v4 基于随机数生成,理论上碰撞概率极低(约 2^122 分之一)。在绝大多数应用场景中可以认为是唯一的。
Q: 这些工具适合什么水平的程序员?
从入门到高级都适用。初学者可以用来学习和实验(比如学习正则表达式),高级开发者可以用来快速处理日常任务。