我把 12 个在线工具关掉了，换成了一个 Chrome 扩展

前两天整理浏览器书签，数了一下：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（全部关掉）
解析一段脏 JSON30 秒（含清洗）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 执行预览、解密结果联动格式化……每一个细节都踩在真实的痛点上。

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