被在线工具折腾了两年，我终于找到了一个不用再到处搜的方案

不是安利，只是分享一个让我少开了 10 个浏览器标签页的个人经历。

不知道你有没有过这种体验：

下午三点，你在调一个接口。后端返回了一段嵌套 8 层的 JSON，你需要格式化一下看看结构。打开 Chrome 搜"JSON 格式化"，点进第一个结果——满屏广告，中间夹着一个小小的输入框。粘贴进去，格式化了，但缩进全乱了，也没有语法高亮。

关掉，搜第二个。这次好用一点，但提示你"注册后解锁更多功能"。你只是想格式化一段 JSON 而已。

然后你又需要把一个时间戳转成日期、生成一个 UUID、测试一段正则……每件事都要重新搜一次，每件事都要在不同的网站之间跳来跳去。

两个小时过去了，你实际写代码的时间只有 20 分钟。

我以前就是这样过来的，直到大概两个月前，有个同事丢给我一个链接：leowh.com/tools，说"你看看这个"。

当时我没当回事，觉得又是一个工具导航站。后来有次又遇到 JSON 格式化广告满屏的情况，随手打开了这个链接，然后——

好吧，确实有点东西。

先说结论：它不是万能的，但确实省事

在展开之前，我想先说清楚这个网站是什么、不是什么：

它是什么：

• 一个纯工具集合站，200+ 个小工具，按 12 个分类整理
• 大部分工具是纯前端计算，数据不上传服务器
• 不需要注册，打开就用

它不是什么：

• 不是专业级工具的替代品。如果你要做复杂的图片处理，还是得用 PS
• 不是所有工具都做得很好。有些工具功能比较基础，只能满足日常需求
• 不是离线工具。虽然加载后部分工具可以断网用，但首次必须联网

一句话总结： 它不能替代你的专业工具链，但能帮你解决 80% 的"随手就要用一下"的小需求。

我实际用得最多的几个工具

200+ 个工具听起来很多，但说实话，我日常高频使用的大概只有十几个。下面按实际使用场景说说。

JSON 格式化 — 用得最多的，没有之一

我每天至少用 3-5 次。粘贴接口返回的 JSON，一键美化，看结构、找字段。

做得好的地方：

• 有语法高亮，嵌套层级一目了然
• 格式错误会标红提示，不用自己数括号
• 还有一个 JSON Tree 模式，可以展开/折叠节点，嵌套很深的时候很好用

做得一般的地方：

• ⚠️ 没有 diff 功能，不能对比两个 JSON 的差异（我通常用另一个专门的文本对比工具）
• ⚠️ 超大 JSON（10MB+）会有点卡

但它关联了一组 JSON 生态工具，这些确实好用：

JSON 转实体类这个功能是真的省事。以前手动写 TypeScript interface，嵌套 5 层以上就容易出错。现在粘贴 JSON 进去直接生成，5 种语言随便选。

编码加密 — 种类很全，但有些用不上

这个分类有 25+ 个工具，但我日常用的也就 5-6 个：

高频使用：

• Base64 编解码 — 调接口、看 Token 的时候经常用，支持图片 Base64
• URL 编解码 — 几乎每天都会用到
• MD5/SHA 哈希 — 校验文件、验证密码的时候
• JWT 解析 — 看 Token 里的 Header 和 Payload（这个其实在"开发工具"分类里）

偶尔用到但确实好用：

• AES 加解密 — 支持 GCM 和 CBC 两种模式，不用自己写代码测
• Gzip 压缩/解压 — 能直接看压缩率，API 调优的时候有参考价值
• ISO-8859-1 解码 — 专门修乱码的。从老系统导出的数据经常乱码，这个一键修复，救过我好几回

说实话用不上的：

• 凯撒密码、ROT13 — 除非你玩 CTF
• 摩斯密码 — 同上
• XOR 加密 — 太基础了

有一点我觉得值得提一下：这些加密工具都是纯前端计算的。你可以打开浏览器开发者工具的 Network 面板验证，数据确实没有发出去。这对处理密码、Token 这些敏感信息来说很重要。

CSS 可视化工具 — 帮我省了最多的时间

写 CSS 的人应该都经历过这种事：想要一个渐变背景，手写代码、刷新、不满意、改数值、再刷新……来回十几次才调好。

这组可视化生成器的思路很简单——让你拖拽调参数，实时看效果，满意了一键复制代码。

诚实评价： 这些工具不算特别高级，和 Figma 的插件生态比还是差一截。但对于"快速出一个效果"这个场景来说，已经足够了。

文本工具 — 有几个冷门但很实用

这个分类有 25+ 个工具，是数量最多的。大部分功能比较基础，但有几个确实帮了大忙：

真正好用的：

• 正则表达式测试 — 实时匹配高亮，虽然不如 Regex101 那么强大，但日常够用了，而且不用跳到别的网站
• 文本对比 — 两段文本粘贴进去，差异高亮显示。对比配置文件和日志的时候特别有用
• 变量名转换 — user_name → userName → UserName 一键互转。后端返回下划线命名、前端要用驼峰，以前手动改经常漏
• 文本去重排序 — 一堆日志粘贴进去，去重复行、排序、去空行，一步到位

有趣但不常用的：

• 汉字转拼音 — 做中文搜索的时候用过一次
• Bionic Reading — 据说能提升阅读速度，我试了一下，感觉一般
• 中文拆字 — 把汉字拆成偏旁部首，挺有意思但想不出使用场景

做得不够好的：

• ⚠️ Markdown 编辑器功能比较基础，没有表格辅助、没有快捷工具栏，写长文的话还是推荐用 Typora 或者 VS Code
• ⚠️ 字数统计只支持纯文本，不支持 Markdown/HTML 的字数统计

开发工具 — 数量不多，但有几个硬核的

Curl 转代码我要重点说一下。你在终端里 curl 调通了一个接口，现在要把它写进项目里。以前是手动翻译成 requests 或者 fetch，现在粘贴进去一键生成。虽然生成的代码还需要微调（比如加错误处理），但骨架已经在了。

日期时间 — 解决了"手算时间"的痛苦

Cron 表达式解析器是我觉得这个分类里最有价值的工具。0 30 9 ? * MON-FRI 到底什么意思？粘贴进去它直接告诉你"每个工作日 9:30 执行"，比自己查文档快太多。

速查参考 — 当备忘录用

HTTP 状态码、ASCII 表、正则大全、Content-Type 大全、常见端口号……这些我其实记不住，每次都要查。以前是 Google 搜，现在直接打开这个分类找。

我使用频率最高的三个：

图片工具 — 够用，但别指望替代 PS

说实话，这组工具的定位很明确：处理一些简单的图片需求，不值得打开 PS 的那种。

我实际用过的：

• 图片尺寸调整 — 改个头像尺寸，够用
• 图片加水印 — 给截图加个文字水印，功能基础但能用
• 图片取色器 — 上传一张图，点一下取颜色值。做 UI 配色的时候方便
• 九宫格切图 — 发朋友圈的时候用，算是个有趣的小工具

诚实评价：

• ⚠️ 图片滤镜功能比较初级，调节范围有限，复杂的调色还是用专业工具
• ⚠️ GIF 制作可以合并图片，但没有帧率调节和高级选项
• ⚠️ 图片裁剪不支持精确像素输入

如果你只是偶尔需要简单处理一下图片，这些工具够了。如果你是设计师或者经常处理图片，还是老老实实用 PS 或 Figma。

不太行的地方也要说

用了两个月，我也发现了一些问题：

1. 部分工具功能偏基础 比如 Markdown 编辑器、字数统计，和专业的同类工具比还是有差距。它们更适合"临时用一下"，不适合深度使用。

2. 工具之间缺乏联动 200+ 个工具是独立存在的，没有工作流的概念。比如你不能把 JSON 格式化的结果直接传给实体类生成器，需要手动复制粘贴。

3. 搜索功能有改进空间 虽然顶部有搜索框，但只匹配工具名称和描述。如果你搜"加密"，会出来一堆结果，但不太容易判断哪个最适合你的场景。

4. 移动端体验一般 虽然做了响应式适配，但 CSS 生成器这类需要拖拽操作的工具，在手机上用起来比较别扭。建议还是用电脑。

5. 没有收藏/历史记录功能 常用的几个工具每次都要在列表里找，如果能有个"我的收藏"或者"最近使用"就好了。我的解决方案是直接把常用的几个工具单独加书签。

和其他方案的对比

总结一下我的感受：

这个网站最大的价值不是"每个工具都做到最好"，而是 “把 200 个常用工具放在一个地方”。你不用每次为了一个小需求去 Google 搜半天、忍受广告和注册弹窗。

它就像是你的工具箱——里面的螺丝刀不如专业品牌好用，但 90% 的情况下，你能从里面找到需要的那一把。

我是怎么用的

经过两个月的使用，我形成了一个习惯：

每天早上开工，在浏览器里固定开一个 leowh/tools 的标签页。需要什么工具直接切过去，用完切回来。就像打开一个本地 App 一样。

最常用的几个工具，我单独加了浏览器书签：

• JSON 格式化
• Base64 编解码
• 时间戳转换
• 正则表达式测试
• CSS 渐变生成器

其余的按需从分类列表里找。200+ 个工具，分类还算清晰，基本能在 10 秒内找到需要的。

常见问题

Q：数据安全靠谱吗？

A：大部分工具（编码加密、格式化、计算转换等）是纯前端计算的。你可以打开浏览器 DevTools 的 Network 面板自己验证——数据确实没有发出去。但图片工具可能需要上传处理，敏感图片建议用本地工具。

Q：手机上能用吗？

A：能，但体验一般。文本类工具（格式化、编码转换）在手机上没问题，但 CSS 生成器这种需要拖拽的工具在手机屏幕上比较别扭。

Q：有些工具做得比较基础，有替代品推荐吗？

A：有的。正则测试推荐 regex101.com 更强大；API 测试推荐 Hoppscotch；图片压缩推荐 Squoosh。但如果你只是偶尔用一下，leowh 上的已经够了，没必要专门去找更好的。

Q：为什么没有离线版？

A：因为它是网站，不是 App。不过部分纯前端工具加载完之后断网也能用，比如 JSON 格式化、Base64 编解码。

Q：会一直免费吗？

A：不确定。目前没有收费的迹象，工具也都是纯前端实现，运营成本应该不高。但任何免费项目都不能保证永远免费，建议好用的工具自己本地也备一个。

总结

leowh 在线工具不是那种让你"哇好厉害"的产品，它是那种让你"嗯，挺方便"的工具箱。

它解决的问题很具体： 你不用为了一个 30 秒的小需求，去 Google 搜 5 分钟、忍受广告和注册弹窗。

它没有解决的问题也很明确： 专业级需求还是要用专业工具，它只是帮你处理那些"不大不小、但又不得不做"的事情。

如果你和我一样，经常被各种小工具需求打断工作节奏，可以试试。把 leowh.com/tools 放进收藏夹，下次需要什么的时候先去那里看看，大概率能找到。

不保证每个工具都让你满意，但至少能帮你少开几个浏览器标签页。

📎 地址： https://leowh.com/tools/index.html

你平时都用什么在线工具？有没有更好的推荐？评论区聊聊。