前两天整理浏览器书签，数了一下：JSON 格式化、AES 加解密、时间戳转换、Cron 校验、UUID 生成、二维码识别、URL 编码、正则测试、进制转换……光是「常用」的就 17 个。

每一个都是「打开 → 等加载 → 关广告 → 粘贴 → 出结果 → 关掉」，循环往复。

直到我发现了一款叫 DevTools Box 的 Chrome 扩展，把这十几个工具塞进了一个独立窗口。用了两周，我决定把那 17 个书签全删了。

github地址: https://github.com/Johny-Lee/crx-dev-tools.git

---

🎯 一句话总结

一个图标点开，所有开发常用工具都在；离线能用、没广告、不卡顿、点哪复制哪。

它不是某个工具的「升级版」，而是一整套日常高频工具的合集，做得比绝大多数在线网站还顺手。

---

✨ 用下来，最打动我的 6 个优点

优点 1：脏 JSON 也能优雅解析（这是我最爱的一个）

平时从日志、从同事发来的代码块里复制 JSON，十有八九是「脏」的：

• 尾部多个逗号 {"a":1,} ❌
• 字符串带转义符 {\"a\":1} ❌
• 中间夹着注释 // 这是字段 ❌

市面上的 JSON 工具，遇到这三种直接红字报错，逼你手动清洗。

DevTools Box 不一样 —— 粘贴进去，点一下「格式化」，三种脏数据全部自动修复并解析成功。它甚至会智能识别「字符串值里嵌套的 JSON」「时间戳数字」「base64 图片」，一键展开给你看。

🎉 实测：原本要花 30 秒清洗一段日志 JSON，现在 3 秒搞定。

优点 2：加解密算法齐全，连冷门的 PBE 都有

做后端联调时，加密接口是重灾区。这个扩展支持的算法：

类型	算法
对称	AES、AES-ECB
非对称	RSA（长文本自动分段）
摘要	MD5、SHA256
编码	Base64
Java 经典	PBEWithMD5AndDES（带盐值 + 迭代次数）

最爽的两点细节：

1. RSA 加密中文不报错 —— 很多在线工具一到中文就崩，它能自动按字节算分段，中英文混排稳稳的。
2. 解密结果自动渲染成 JSON 树 —— 解密完不用再复制到第二个工具里格式化，点一下「转到 JSON 格式化」直接跳转，链路全打通。

💡 一个细节：支持「文本模式」和「Key-Value 表单模式」切换 —— 加密接口参数时不用手写 JSON，直接填表单，省事。

优点 3：完全离线 + 无广告 + 无需登录

这是和所有在线工具最本质的区别：

对比项	在线工具	DevTools Box
网络要求	必须联网	✅ 完全离线
广告	满屏弹窗	✅ 零广告
隐私	数据上传服务器	✅ 本地处理，绝不上传
速度	等加载	✅ 秒开
登录	部分要扫码	✅ 即开即用

尤其是加密这种敏感场景——你敢把生产环境的密文粘贴到陌生网站吗？本地扩展直接消除了这个顾虑。

优点 4：Cron 表达式 —— 写完立刻能看到「下次几点执行」

写定时任务最痛苦的是：表达式写完了，不知道对不对，得部署上去等触发才知道。

这个扩展做了三件事，直接消灭这个痛点：

1. 可视化字段编辑：秒/分/时/日/月/星期/年，逐项填，不用记语法
2. 互斥校验：日和星期至少一个填 ?，错了当场标红提示（Quartz 规范）
3. 最近 N 次执行时间预览：想看 5 次就填 5，想看 50 次就填 50

配合「常用表达式一键填充」（每天 0 点、每周一、每月初……），基本不用手写。

优点 5：MCP 调试器 —— LLM 开发者的隐藏彩蛋

如果你在做 Agent / RAG / MCP Server 开发，这个功能会单独值回票价：

• 支持 HTTP/SSE 和 Native Messaging 两种传输
• initialize / tools/list / tools/call 等方法预设参数模板，不用查文档手敲
• 粘贴 tools/list 的返回，自动识别工具并生成调用模板
• 请求历史可回看，响应支持树形/原始双视图

我之前调试 MCP 用 Postman 一通乱拼，现在切到这个，效率至少翻倍。

优点 6：交互细节，处处透着「真懂开发者」

用得越久，越能发现一些「只有天天用工具的人才会想到」的细节：

• ✅ 点任意值即复制 —— 不用先选中再 Ctrl+C
• ✅ 二维码三种输入 —— 上传 / 拖拽 / Ctrl+V 粘贴全支持
• ✅ 时间戳带计算器 —— 不光能转换，还能对当前时间加减年月日
• ✅ UUID 一键去横线
• ✅ 正则测试内置常用预设 —— 邮箱、手机号、URL 直接选
• ✅ 进制转换支持 2~58 进制，大数用 BigInt 不丢精度
• ✅ 独立窗口运行 —— 不占浏览器标签页，Alt+Tab 切换即用

---

📊 用了两周后的真实变化

指标	用之前	用之后
浏览器常开标签页	17+ 个工具页	0（全部关掉）
解析一段脏 JSON	30 秒（含清洗）	3 秒
加密接口联调	切 2 个网站	1 个窗口搞定
Cron 上线信心	部署后才知道对错	写完就知道
内网断网时	工具全挂	照常使用

---

🚀 三步装上，明天上班就能用

1. 下载项目到本地
2. Chrome 打开 chrome://extensions/，开启右上角**「开发者模式」**
3. 点 「加载已解压的扩展程序」，选项目文件夹 —— 完成

不用 npm install，不用打包，全程不到 1 分钟。点工具栏图标，800×950 的独立窗口弹出，开始用。

---

🧭 适合谁用

• 🧑‍💻 后端 / 全栈：加解密联调、时间戳、Cron —— 最高频
• 🧑‍🎨 前端：JSON 树形浏览、UUID、正则、URL 编解码
• 🤖 LLM 应用开发：MCP 协议调试（惊喜功能）
• 🛠️ 运维 / SRE：Cron 校验、单位换算
• 📊 数据 / 算法：进制转换、时间计算

---

💬 最后说两句

工具的本质是减少摩擦。每少一次「打开网站 → 关广告 → 等加载」的循环，注意力就多保留一分。

DevTools Box 最大的价值不是「功能多」，而是 —— 它真的懂开发者在日常里被什么折磨。脏 JSON 容错、RSA 中文分段、Cron 执行预览、解密结果联动格式化……每一个细节都踩在真实的痛点上。

如果你也被十几个在线工具折磨过，装上试一天，你会回来删书签的。