别再把敏感数据往外传了:我写了一个全本地运行的开发者工具箱
为什么要写这个东西?
作为开发,咱们每天都离不开各种小工具:格式化个 JSON、查个时间戳、解个 JWT 之类的。
但现在的在线工具有几个挺烦人的地方:
- 数据安全没保障:把生产环境的 Token 或密钥往不知名的网站上一贴,心里总有点发虚,万一后台悄悄存了呢?
- 交互体验差:有的网站满屏广告,改个字段还得点一下“转换”按钮才出结果,用起来特别割裂。
- 移动端不好用:偶尔想在手机上查个东西,页面乱得根本点不动。
所以我花了点时间,用 Next.js 15 搓了这个 DevTools。核心逻辑很简单:所有计算都在你浏览器本地完成,不走服务器。
在线体验:tools.huangzhicheng.top
GitHub 源码:github.com/HadeAs/tool…
它的特别之处
1. 真的不需要联网
因为是用 Next.js 的静态生成(SSG)做的,你打开页面后,哪怕断网也能用。你的敏感数据永远留在你自己的电脑里,不会上传到任何地方,这比任何隐私承诺都靠谱。
2. 手感很顺滑
我把所有的“转换”按钮都去掉了。你粘贴进去或者改一个字,结果立马就出来。这种“即时反馈”的感觉用习惯了真的回不去。
3. 会记住你的习惯
比如你习惯 JSON 缩进 4 格,或者是习惯用特定的主题,它会自动存在你的浏览器里。下次打开,还是你最顺手的样子。
目前里面有什么?
虽然刚上线不久,但常用的 30 多个工具基本都齐了:
常用编解码
- JSON 格式化:除了缩进,还能像 IDE 一样折叠和展开节点,处理大 JSON 不费劲。
- JWT 解析:本地解 Header 和 Payload,看过期时间和权限字段,不经过服务器,非常安全。
- Base64/URL 转换:不管是调 API 还是处理图片 DataURL,随用随转。
- 配置互转:JSON、YAML、CSV 互相转,格式不用自己手动调。
安全与调试
- 哈希计算:MD5、SHA-256 之类的,本地跑,秒出结果。
- 密码/ID 生成:想搞个复杂的随机密码,或者生成个 UUID/NanoID,点一下就行。
- 正则测试:一边写正则一边看匹配结果,带高亮显示。
文本与前端
- 代码对比:两段文本哪里不一样,像 Git Diff 一样直观。
- Markdown 预览:写文档的时候临时预览一下效果,支持一键拷贝。
- 单位/颜色转换:前端常用的 px 转 rem,或者 Hex/RGB 颜色互转。
琐事计算
- 时间戳转换:北京时间跟时间戳互转,自动识别秒和毫秒。
- Cron 解析:把那几个星星符号翻译成“人类语言”,看看定时任务到底啥时候跑。
- 日期计算:算算两个日子差几天,或者两个月后是哪一天。
靠谱吗?
我是按生产项目的标准写的:
- 有测试才有底气:核心逻辑写了 275 个测试用例,确保转换结果不会出错。
- 完全开源:代码全在 GitHub 上,你可以随便看,甚至可以自己拉下来部署在公司内网里用。
如果你觉得这东西对你有帮助,欢迎去 GitHub 给我点个 Star。要是缺什么工具或者发现 Bug,直接提 Issue 告诉我。