前两天整理浏览器书签，数了一下：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（带盐值 + 迭代次数） |
最爽的两点细节：
- RSA 加密中文不报错 ------ 很多在线工具一到中文就崩，它能自动按字节算分段，中英文混排稳稳的。
- 解密结果自动渲染成 JSON 树 ------ 解密完不用再复制到第二个工具里格式化，点一下「转到 JSON 格式化」直接跳转，链路全打通。
💡 一个细节：支持「文本模式」和「Key-Value 表单模式」切换 ------ 加密接口参数时不用手写 JSON，直接填表单，省事。
优点 3：完全离线 + 无广告 + 无需登录
这是和所有在线工具最本质的区别：
| 对比项 | 在线工具 | DevTools Box |
|---|---|---|
| 网络要求 | 必须联网 | ✅ 完全离线 |
| 广告 | 满屏弹窗 | ✅ 零广告 |
| 隐私 | 数据上传服务器 | ✅ 本地处理，绝不上传 |
| 速度 | 等加载 | ✅ 秒开 |
| 登录 | 部分要扫码 | ✅ 即开即用 |
尤其是加密这种敏感场景------你敢把生产环境的密文粘贴到陌生网站吗？本地扩展直接消除了这个顾虑。
优点 4：Cron 表达式 ------ 写完立刻能看到「下次几点执行」
写定时任务最痛苦的是：表达式写完了，不知道对不对，得部署上去等触发才知道。
这个扩展做了三件事，直接消灭这个痛点：
- 可视化字段编辑：秒/分/时/日/月/星期/年，逐项填，不用记语法
- 互斥校验 ：日和星期至少一个填
?，错了当场标红提示（Quartz 规范） - 最近 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 上线信心 | 部署后才知道对错 | 写完就知道 |
| 内网断网时 | 工具全挂 | 照常使用 |
🚀 三步装上，明天上班就能用
- 下载项目到本地
- Chrome 打开
chrome://extensions/，开启右上角**「开发者模式」** - 点 「加载已解压的扩展程序」，选项目文件夹 ------ 完成
不用
npm install，不用打包，全程不到 1 分钟。点工具栏图标，800×950 的独立窗口弹出，开始用。
🧭 适合谁用
- 🧑💻 后端 / 全栈：加解密联调、时间戳、Cron ------ 最高频
- 🧑🎨 前端：JSON 树形浏览、UUID、正则、URL 编解码
- 🤖 LLM 应用开发：MCP 协议调试（惊喜功能）
- 🛠️ 运维 / SRE：Cron 校验、单位换算
- 📊 数据 / 算法：进制转换、时间计算
💬 最后说两句
工具的本质是减少摩擦。每少一次「打开网站 → 关广告 → 等加载」的循环，注意力就多保留一分。
DevTools Box 最大的价值不是「功能多」，而是 ------ 它真的懂开发者在日常里被什么折磨。脏 JSON 容错、RSA 中文分段、Cron 执行预览、解密结果联动格式化......每一个细节都踩在真实的痛点上。
如果你也被十几个在线工具折磨过，装上试一天，你会回来删书签的。