周三下午三点,你正调试一个紧急接口。复制一段乱码Base64,打开谷歌搜“Base64解码”,点进第一个结果——弹窗盖住了文本框,点击关闭,又弹出一个“发现新版本Chrome”的假通知。你骂了一声,关掉页面。第二个网站更离谱,解码前先让你输验证码。与此同时,你身后工位的小李已经用本地工具搞定,端起咖啡去休息了。
这种“修一个bug,踩五个坑”的体验我忍了太久。每次格式化JSON、检查JWT令牌、生成UUID都要在不同的广告站点之间跳转,有些站点甚至在代码里埋了挖矿脚本。于是我动手做了一个页面:DevToys,一个纯粹到极致的开发者工具箱。没有广告,没有注册,没有埋点追踪,40个高频工具全部在浏览器里跑完。
先看这页东西有多“懒”: 整个页面就是一个静态站点,部署在Vercel上。零后端,不发送任何请求。每一个工具都使用浏览器原生JavaScript API完成计算,所有运算都是在本地瞬间同步返回结果,连依赖包都小到几乎可以忽略。不用等加载动画,不用看骨架屏,打开页面工具就绪,敲键盘立刻出结果。移动端也做了适配,手机救急时一样清爽。
这40个家伙到底能干什么?我把它们摊开说说: 一是JSON格式化与验证。能美化、压缩,还能实时校验合法性,再也不用对着缩成一团的接口返回抓头皮。 二是Base64编解码。无论是图片转Base64还是反向解析,粘贴即出结果。 三是JWT解码器。一口气拆开头部、载荷和签名,排查令牌过期问题格外利索。 四是正则表达式测试器。支持实时高亮匹配,写验证规则时不用再靠alert弹窗试错。 五是UUID生成器。可以批量生成,支持多种标准,大量测试数据一秒钟造好。 六是哈希生成器。一口气给你MD5、SHA-1、SHA-256、SHA-512,还能校验文件摘要。 七是颜色转换器。在十六进制、RGB、HSL之间来回切,取色不再依赖PS。 八是Unix时间戳转换。把一串数字变成人类可读的日期,或者反向操作,日志排查福音。 九是Cron表达式解析。把那一串星星号翻译成人话,防止定时任务跑偏。 十是文本差异对比。逐行比较两段文本,配置改动一眼看清。 除此之外还有Url编码解码、Lorem Ipsum占位文本生成、HTML实体转换等剩下三十多个,几乎覆盖日常搬砖的边边角角。
这一套组合拳下来,最直接的感受是“不被绑架”。没有哪个工具跟我说“检测到AdBlock,请关闭后使用”,也没有哪个按钮引导我下载Chrome插件。更关键的是,隐私这件事它真的做到了默认就绪:没有埋点分析、没有用户行为追踪,所有数据只留在你的浏览器里——JWT令牌不会发送到某个未知的服务器,你在输入的临时密钥也不会被当作统计样本。在当下连便签App都要注册账号的环境里,这种“用完即走”的直白反而奢侈。
你可能觉得这没什么技术含量,不就是把各种代码片段整合到一个页面上么?但恰恰是这种“不炫技”的整合解决了最高频的痛点:减少上下文切换。我们的注意力不是花在完成工作上,而是消耗在切换工具、关弹窗、等待页面加载、重新聚焦这些琐碎动作里。DevToys把所有功能平铺在同一页,书签栏占一个位置,从此跟那些挂满广告的站点彻底告别。
如果你也受够了格式化个代码还要先点击三遍关闭广告按钮,不妨把它收藏到浏览器顶部的那一排快捷栏里。每次免去的烦躁,都算赚到。
热门跟贴