拒绝广告与隐私泄露:我撸了一个纯前端的开发者工具箱

27 阅读2分钟

前言

作为一名开发者,JSON 格式化、代码对比 (Diff)、时间戳转换、Cron 表达式生成……这些都是每天必须要用的高频功能。

但是市面上的在线工具,即使排名靠前的,也往往存在几个让我无法忍受的痛点:

  1. 广告满天飞:点个“格式化”经常误触页游广告。
  2. 数据安全隐患:我在公司内网处理敏感 JSON 数据时,根本不敢往那些不知名的在线网站上贴,生怕数据被传到后台。
  3. 体验割裂:很多工具的编辑器甚至不支持代码高亮,也没有暗黑模式,晚上加班很刺眼。

“既然不爽,那就自己造一个。”

利用周末时间,我开发了一个纯前端、无后台、本地计算的开发者工具箱。

🚀 在线体验

官网地址:www.converter-tool.cn (已开启 Gzip 压缩,秒开)

✨ 核心功能展示

这个工具箱的设计初衷就是 “快”“稳”

1. 极致的代码对比 (Diff Editor) 集成了 VS Code 同款的 Monaco Editor。支持并排对比(Side-by-Side),差异高亮显示,甚至支持部分代码的直接编辑。

![代码对比演示]

image.png

2. 隐私安全的 JSON 工具 这是我最看重的功能。所有的解析、压缩、转义逻辑完全在浏览器本地运行 (Client-side Only)。 即使你断网了,这个功能依然能用。你的业务数据永远不会离开你的浏览器。

![JSON工具演示] image.png

3. 可视化的 Cron 表达式 不再死记硬背 * * ? 到底代表周几。通过可视化面板勾选,自动生成 Cron 表达式,并能预览“未来 5 次运行时间”。

![Cron演示]

image.png

4. 细节打磨

  • 全站暗黑模式:基于 Element Plus 的深色主题定制,自动跟随系统或手动切换。
  • 状态持久化:即使刷新页面,你刚才输入的草稿和配置都在,不会丢失。
  • 目前 My Converter 还在持续迭代中。虽然它只是一个小小的工具站,但帮我解决了日常开发中 90% 的小烦恼。

如果你也受够了广告和卡顿,欢迎试用:www.converter-tool.cn

如果你觉得好用,或者有发现 Bug,欢迎在评论区告诉我! 👋