前两天整理浏览器书签数了一下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编码Base64Java 经典PBEWithMD5AndDES带盐值 迭代次数最爽的两点细节RSA 加密中文不报错—— 很多在线工具一到中文就崩它能自动按字节算分段中英文混排稳稳的。解密结果自动渲染成 JSON 树—— 解密完不用再复制到第二个工具里格式化点一下「转到 JSON 格式化」直接跳转链路全打通。 一个细节支持「文本模式」和「Key-Value 表单模式」切换 —— 加密接口参数时不用手写 JSON直接填表单省事。优点 3完全离线 无广告 无需登录这是和所有在线工具最本质的区别对比项在线工具DevTools Box网络要求必须联网✅ 完全离线广告满屏弹窗✅ 零广告隐私数据上传服务器✅本地处理绝不上传速度等加载✅ 秒开登录部分要扫码✅ 即开即用尤其是加密这种敏感场景——你敢把生产环境的密文粘贴到陌生网站吗本地扩展直接消除了这个顾虑。优点 4Cron 表达式 —— 写完立刻能看到「下次几点执行」写定时任务最痛苦的是表达式写完了不知道对不对得部署上去等触发才知道。这个扩展做了三件事直接消灭这个痛点可视化字段编辑秒/分/时/日/月/星期/年逐项填不用记语法互斥校验日和星期至少一个填?错了当场标红提示Quartz 规范最近 N 次执行时间预览想看 5 次就填 5想看 50 次就填 50配合「常用表达式一键填充」每天 0 点、每周一、每月初……基本不用手写。优点 5MCP 调试器 —— LLM 开发者的隐藏彩蛋如果你在做 Agent / RAG / MCP Server 开发这个功能会单独值回票价支持HTTP/SSE和Native Messaging两种传输initialize/tools/list/tools/call等方法预设参数模板不用查文档手敲粘贴tools/list的返回自动识别工具并生成调用模板请求历史可回看响应支持树形/原始双视图我之前调试 MCP 用 Postman 一通乱拼现在切到这个效率至少翻倍。优点 6交互细节处处透着「真懂开发者」用得越久越能发现一些「只有天天用工具的人才会想到」的细节✅点任意值即复制—— 不用先选中再 CtrlC✅二维码三种输入—— 上传 / 拖拽 / CtrlV 粘贴全支持✅时间戳带计算器—— 不光能转换还能对当前时间加减年月日✅UUID 一键去横线✅正则测试内置常用预设—— 邮箱、手机号、URL 直接选✅进制转换支持 2~58 进制大数用 BigInt 不丢精度✅独立窗口运行—— 不占浏览器标签页AltTab 切换即用 用了两周后的真实变化指标用之前用之后浏览器常开标签页17 个工具页0全部关掉解析一段脏 JSON30 秒含清洗3 秒加密接口联调切 2 个网站1 个窗口搞定Cron 上线信心部署后才知道对错写完就知道内网断网时工具全挂照常使用 三步装上明天上班就能用下载项目到本地Chrome 打开chrome://extensions/开启右上角**「开发者模式」**点「加载已解压的扩展程序」选项目文件夹 —— 完成不用npm install不用打包全程不到 1 分钟。点工具栏图标800×950 的独立窗口弹出开始用。 适合谁用后端 / 全栈加解密联调、时间戳、Cron —— 最高频前端JSON 树形浏览、UUID、正则、URL 编解码LLM 应用开发MCP 协议调试惊喜功能️运维 / SRECron 校验、单位换算数据 / 算法进制转换、时间计算 最后说两句工具的本质是减少摩擦。每少一次「打开网站 → 关广告 → 等加载」的循环注意力就多保留一分。DevTools Box 最大的价值不是「功能多」而是 ——它真的懂开发者在日常里被什么折磨。脏 JSON 容错、RSA 中文分段、Cron 执行预览、解密结果联动格式化……每一个细节都踩在真实的痛点上。如果你也被十几个在线工具折磨过装上试一天你会回来删书签的。
我把 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编码Base64Java 经典PBEWithMD5AndDES带盐值 迭代次数最爽的两点细节RSA 加密中文不报错—— 很多在线工具一到中文就崩它能自动按字节算分段中英文混排稳稳的。解密结果自动渲染成 JSON 树—— 解密完不用再复制到第二个工具里格式化点一下「转到 JSON 格式化」直接跳转链路全打通。 一个细节支持「文本模式」和「Key-Value 表单模式」切换 —— 加密接口参数时不用手写 JSON直接填表单省事。优点 3完全离线 无广告 无需登录这是和所有在线工具最本质的区别对比项在线工具DevTools Box网络要求必须联网✅ 完全离线广告满屏弹窗✅ 零广告隐私数据上传服务器✅本地处理绝不上传速度等加载✅ 秒开登录部分要扫码✅ 即开即用尤其是加密这种敏感场景——你敢把生产环境的密文粘贴到陌生网站吗本地扩展直接消除了这个顾虑。优点 4Cron 表达式 —— 写完立刻能看到「下次几点执行」写定时任务最痛苦的是表达式写完了不知道对不对得部署上去等触发才知道。这个扩展做了三件事直接消灭这个痛点可视化字段编辑秒/分/时/日/月/星期/年逐项填不用记语法互斥校验日和星期至少一个填?错了当场标红提示Quartz 规范最近 N 次执行时间预览想看 5 次就填 5想看 50 次就填 50配合「常用表达式一键填充」每天 0 点、每周一、每月初……基本不用手写。优点 5MCP 调试器 —— LLM 开发者的隐藏彩蛋如果你在做 Agent / RAG / MCP Server 开发这个功能会单独值回票价支持HTTP/SSE和Native Messaging两种传输initialize/tools/list/tools/call等方法预设参数模板不用查文档手敲粘贴tools/list的返回自动识别工具并生成调用模板请求历史可回看响应支持树形/原始双视图我之前调试 MCP 用 Postman 一通乱拼现在切到这个效率至少翻倍。优点 6交互细节处处透着「真懂开发者」用得越久越能发现一些「只有天天用工具的人才会想到」的细节✅点任意值即复制—— 不用先选中再 CtrlC✅二维码三种输入—— 上传 / 拖拽 / CtrlV 粘贴全支持✅时间戳带计算器—— 不光能转换还能对当前时间加减年月日✅UUID 一键去横线✅正则测试内置常用预设—— 邮箱、手机号、URL 直接选✅进制转换支持 2~58 进制大数用 BigInt 不丢精度✅独立窗口运行—— 不占浏览器标签页AltTab 切换即用 用了两周后的真实变化指标用之前用之后浏览器常开标签页17 个工具页0全部关掉解析一段脏 JSON30 秒含清洗3 秒加密接口联调切 2 个网站1 个窗口搞定Cron 上线信心部署后才知道对错写完就知道内网断网时工具全挂照常使用 三步装上明天上班就能用下载项目到本地Chrome 打开chrome://extensions/开启右上角**「开发者模式」**点「加载已解压的扩展程序」选项目文件夹 —— 完成不用npm install不用打包全程不到 1 分钟。点工具栏图标800×950 的独立窗口弹出开始用。 适合谁用后端 / 全栈加解密联调、时间戳、Cron —— 最高频前端JSON 树形浏览、UUID、正则、URL 编解码LLM 应用开发MCP 协议调试惊喜功能️运维 / SRECron 校验、单位换算数据 / 算法进制转换、时间计算 最后说两句工具的本质是减少摩擦。每少一次「打开网站 → 关广告 → 等加载」的循环注意力就多保留一分。DevTools Box 最大的价值不是「功能多」而是 ——它真的懂开发者在日常里被什么折磨。脏 JSON 容错、RSA 中文分段、Cron 执行预览、解密结果联动格式化……每一个细节都踩在真实的痛点上。如果你也被十几个在线工具折磨过装上试一天你会回来删书签的。
