Dev Toolbox” — 开发者工具合集，12 个实用小工具一次测完

​
上回聊了 formatnow.dev 这个门户站，今天来细说它的子站之一——Dev Toolbox（dev.formatnow.dev）。这站名听着很简单对吧？就是"开发者工具箱"，把开发中常用的那些小活一个包搞定。我花了小半天时间一个一个试，12 个工具挨个摸了一遍，来谈谈真实感受。

定位很清晰，我是开发，我日常需要的就那么几项功能，json格式化、一些常规的编码解码，目的就是辅助我做日常的开发。功能太多了其实一个是对我来说没有意义。这个网站呢，说实话和我日常用的json.cn功能其实区别不大，界面可能炫酷一点，但是好的一点是什么呢，我能通过它快速的找到其他的好用的在线工具，不需要到处去找，我觉得这点很可以。

打开第一眼
页面一加载，那个紫色调的毛玻璃导航栏就亮出来了，整体风格跟门户站统一，暗色主题、磨砂玻璃质感，看着就挺有开发工具的味。左边一个 Quick Switch 菜单，12 个工具全部列出来，想跳哪个跳哪个。右上角有中英文切换按钮，我试了一下，英文翻译还挺全的，不是那种机翻敷衍了事的。

12 个工具逐个过

1. JSON Formatter — 格式化看得舒服

写后端、调 API 的兄弟肯定天天跟 JSON 打交道。有时候从接口拿到一坨挤在一行的 JSON，眼都看花。我往输入框丢了一段 JSON 数据：

{"name":"张三","age":30,"email":"test@example.com","active":true}
点 Format 按钮，瞬间就排好了，缩进、换行整整齐齐。还有 Minify 功能可以压成一行，Validate 可以检查 JSON 语法对不对。开发时候调接口、查日志，这个工具挺实用的。

2. Base64 Encoder / Decoder

Base64 编码解码，前端后端都常用。我试了"Hello FormatNow Dev Toolbox!"这串文字，点 Encode 一秒出结果，点 Decode 又复原回来了。双向验证没问题。有时候传图片 base64、或者看接口传的 token 字段，切到 Dev Toolbox 点一下就好，不用再打开什么大工具。

3. URL Encoder

这个我平时用得挺多——调接口传参、写爬虫的时候，URL 参数里有些特殊字符得编码。我试了"你好世界"，编码后变成了 %E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C，Decode 回来也是对的。中英文混合也没问题。

4. Regex Tester — 正则写错了马上知道

正则表达式，说实话我每次写都怕翻车。这个工具有个实时测试区域，左边写正则模式，右边写测试文本，点 Test 就能看到匹配结果。我试了用 Format\w+ 去匹配"Hello FormatNow and FormatNowDev"，匹配上了两个结果。有什么好处呢？写日志解析规则、做文本过滤、表单校验的时候，肉眼看不出来的匹配逻辑，拿这里跑一遍就清楚了。

5. Timestamp Converter — 时间戳和日期互转

Unix 时间戳这个东西，1551398400 能难倒好多人——这到底是哪天嘛？我实测正向转换：输入 1700000000，点 Test，立马显示 2023/11/15 6:13:20 AM。反向也一样顺，选个日期就转回时间戳，而且还有一个"当前时间"显示按钮，现在的时间戳一目了然。调接口传时间参数的时候特别好用。

6. Hash Generator — MD5、SHA-256、SHA-512 一键出

数据完整性校验、密码哈希，HASH 在开发里到处都在用。我输了一小段文字，点 Generate，MD5、SHA-256、SHA-512 三条 hash 结果马上同时显示出来。不用记命令行了，也不用打开在线工具网站一步步搞，一个页面直接看到三种算法的结果对比。

7. JWT Parser — 解一下 Token 看看里面是啥

JWT Token 这玩意儿看起来就是一堆乱码，但里面其实藏了 Header 和 Payload。页面自带了一段示例 JWT，我点 Decode，Header 里的签名算法（HS256）、Payload 里的用户信息（sub、name、iat）全展开显示出来了。调试 SSO 登录、看用户鉴权 token 的时候，拿来解码一眼就知道里面有什么数据。

8. SQL Formatter — 写 SQL 的救星

这个是我最喜欢的工具之一。写 SQL 的时候，有时候 JOIN 套 JOIN，WHERE 条件写了一大堆，缩进乱了根本没法读。我点了 Load Example，一个多表联查的 SQL 模板就出来了：

SELECT ...
FROM Users u
JOIN Orders o ON u.id = o.user_id
...

点 Format，瞬间排好了——关键字大写、缩进对齐、子查询单独缩进。不用手动调格式，一秒钟变整洁。还支持多种 SQL 方言：MySQL、PostgreSQL、MariaDB、BigQuery、T-SQL、PL/SQL 都有。关键字大小写、缩进空格数、行间距都能自己调。说实话我平时写 SQL 比较多，这个工具我可能会经常打开。

9. Code Formatter — 代码格式化

支持 HTML、CSS、JavaScript 三种语言的格式化。默认有一个 HTML 示例，我点 Format 试试，缩进全部对齐了，标签嵌套关系一目了然。写前端的时候代码乱了，粘进来点一下就能对齐。Minify 功能还能反过来压成一行，用来给生产环境缩减代码体积也挺方便。

10. JSON to TypeScript — 接口数据直接变类型定义

前后端分离开发，经常后端返回一段 JSON，前端得手写 TypeScript 类型。有了这个工具，把 JSON 粘进去，点 Convert to TypeScript，接口定义就自动生成好了。我试了一段对象 JSON，转成 interface 定义，字段类型全部推断出来了（字符串自动 type string、数字自动 type number）。如果要跟后端快速联调，这个工具能省不少敲接口类型的手工活。

11. API Tester — 说发请求就发请求

基本相当于一个轻量版 Postman。我试了 GET 请求到 https://httpbin.org/get，点了 Send，200 状态码返回，响应体完整展示——请求头、来源 IP、参数全都有，只用了 40ms。还支持 POST、PUT、DELETE、PATCH 四种方法。有 Params、Headers、Body、Auth 四个标签页可以配请求参数。简单调接口的话，不用切到 Postman，这里就搞定了。

12. Format Converter — JSON、YAML、XML 互转

三种数据格式的互转工具。我把一段 JSON 放进去点 Auto Convert，XML 格式就出来了。配置文件要不要从 YAML 读？JSON 要和 XML 互转？点上就行。三种格式在项目里各有应用场景，这个工具就把它们串起来了。

整体感受
12 个工具全跑了一遍，没有虚的——该出结果的出结果，该格式化的格式化，该解码的解码。UI 风格统一、操作逻辑清晰，每个工具都是点一下按钮就见效果的那种，不需要翻说明书看教程。

比较惊喜的是 SQL Formatter 和 API Tester，功能相当完整。尤其是 SQL Formatter，连 PostgreSQL 和 BigQuery 的方言都有，这一般是单独收费工具才有的配置项。API Tester 的响应时间显示也挺有巧思，40ms 的数据一来，接口响应速度心里就有数了。

如果说有什么小遗憾的话——工具之间的数据还不能互通，比如 API Tester 拿到的 JSON 响应不能一键丢给 JSON Formatter 格式化，得自己复制粘贴。不过考虑到这是静态站点，没法做全局状态管理也正常，复制一下也就一秒的事。

适合什么人
前端后端开发、API 调试、数据处理、偶尔要查个时间戳或 hash 值的都适合。尤其是 SQL 写得多的、前后端联调切来切去的兄弟们，这个工具箱放在收藏夹里当个快捷入口挺方便的。

下次我来测另一个 FormatNow 的子站，你们猜是哪个？

​