先放链接:jsondev.cn
联调的时候,我浏览器里经常挂着一排标签:JSON 格式化、转 CSV、时间戳、正则、Base64。每个站界面都不一样,登录墙、主题也对不上,切来切去挺烦。
更麻烦的是信任问题。有些工具看着方便,但你不清楚数据会不会被上传、会不会进日志。日常处理接口样例还好,一旦接近真实业务数据,就有点犹豫。
后来就想自己搭一个:干净一点,打开就能用,计算尽量留在浏览器本地。不追求大而全,先把高频刚需收齐。
这个站基本是我和 AI 一起做出来的。从最早一个 JSON 页面,到现在一整套工具,域名也备好了。过程里改过不少轮,某天突然觉得:可以给人用了。
下面聊聊站点大概长什么样、我自己常用哪些,以及跟 AI 协作的一点感受。
先看长啥样
首页长这样:

不用注册,也没有会员墙。首页按使用场景分了四类,比把十几个入口平铺在一起好找一些。
右上角可以切 中英文 ,也能切 白天 / 夜间。我日常用暗色;写文档、投屏,或者眼睛累了,会切到亮色。英文模式主要是给习惯英文界面的同事,或者自己对照字段名时用。
对我来说就两点:免费、尽量本地处理。其他能力可以慢慢加。
我常用的那些
JSON
这是起点,也是我用得最多的一块。
树形查看这页,基本覆盖「看不懂的 JSON」场景。接口返回压缩成一行、字段嵌套很深、或者只想快速确认某个 key 在不在,粘进去展开看,比干瞪眼舒服。编码、解码、压缩也能顺手做,不用再跳去别的站。

转 CSV 是被实际协作逼出来的。后端给一组对象数组,产品或运营要看表、要筛字段,把 JSON 丢进表格工具里往往还要手工整理。这里支持嵌套展开,导出 CSV / Excel,至少少一轮扯皮。Excel 打开中文乱码这种破事,也尽量顾到了。

顺便说句实在的:生产环境密钥、账号口令,哪儿的在线工具都别贴。即便是本地处理的站点,脱敏再玩更稳妥。
代码
HTML / JS / CSS 这页,我用得不算天天有,但一旦需要就很直接:格式化看结构、压缩减体积,偶尔做点简单处理。比临时找个陌生站点快。
Markdown 左边写、右边看,写 README、写方案说明、整理会议纪要够用了。不需要装编辑器插件时,开网页也能写完。

正则测试就更直白。规则写出来马上试匹配和替换,附一些常用模式。校验手机号、邮箱、路径这类规则时,比「改一行、部署一次、再看日志」轻快很多。

编码
MD5、SHA、Base64、AES、JWT 这些名字,平时总会在文档或联调里冒出来。散落在不同网站上,每次都要重新找;收在一页里,至少路径短。

时间戳那页,日志里冒出一长串数字时很省事。秒和毫秒混用的情况也常见,能互转、能对照日期,排查会轻松一点。
进制转换没那么高频。看协议字段、对一下 hex、或者偶发算个颜色相关数值时,会想起来打开。
设计
色值转换、图片多尺寸导出、二维码生成与识别。
这块不是要替代设计软件,而是开发过程中「顺便弄一下」:对一下 HEX/RGB、导出几张不同尺寸图、生成个测试用二维码。够用就行,不追求专业设计工作流。
图片导出这页我自己用得比较多,尤其是 App 图标、网站 favicon 这类要一次出多尺寸的时候。上传一张图,勾常用尺寸或套预设,批量生成再打包下载,比手工在设计软件里导出一遍省事。

和 AI 一起做的感受
一开始没打算做成「一整站」。
只是想要个好看点的 JSON 工具,挂在自己域名上。用着用着就加:加密、时间戳、正则、Markdown、转 CSV......加到后来,首页怎么组织、分类怎么切、文案怎么写,都得重新想。工具一多,站点就开始从「一个页面」变成「一个小产品」。
跟 AI 协作比较顺的一点是节奏。不是喊一句「帮我做一个工具站」就结束,更多是做出来、自己用几天、哪里别扭再改一轮。版式、文案、分类、手感,都在这种来回里慢慢对齐自己的习惯。你负责判断好不好用,它负责把下一版落地,效率会高很多。
不过也别神话。AI 负责快和试;好不好用、安不安全、能不能发,最后还是自己定。完全甩手,站点很容易就不像你,也会很容易忽略那些真正影响使用的小问题。
如果让我说一个收获:AI 很适合陪你把模糊的「不太对」变成可点击的下一版;但「对不对」这件事,还是得开发者自己在场。
现在还缺什么
当然还有很多可以继续做的。
比如更多 JSON 相关能力、更顺手的移动端体验、个别工具页的引导文案,以及大家真正高频但还没收进来的小工具。我自己会继续用、继续改;也欢迎别人把「我缺一个按钮」直接说出来。
站点地址还是这个:
最后
一句话的话:用 AI 做站,有意思的不一定是写了多少代码,而是把天天烦的小事,做成了一个能公开用的东西。
如果有什么需求可以提到评论区,我会继续优化增加一些功能。
觉得有用可以转给同事。