一位开发者注意到日常工作中的三个小痛点——在随机网站上粘贴JSON格式化、复制JWT到jwt.io调试、切换到字符计数网站检查字数——于是花几个周末构建了三个Chrome扩展来解决它们。
PayloadPeek
JSON格式化工具,支持折叠语法高亮树、一键生成TypeScript接口、从JSON结构推断SQL schema(CREATE TABLE)、Ctrl+F搜索、点击复制任意值。最实用的功能是TypeScript Generator,处理陌生API时无需手写接口。
BearerPeek
JWT解码器,附带安全分析面板:标记缺失exp声明(永不过期)、缺失aud声明(任何服务可接受)、算法设为"none"、过期的token及精确过期时长。自动扫描当前页面中JWT格式的字符串,在DevTools查看请求时可预填token。
TextPeek
字符和字数计数器,支持平台感知的限制:Twitter 280、LinkedIn 3000、Meta描述160、YouTube标题100等。选中任意网页文本右键即可看到即时计数,无需打开任何窗口。
构建经验
Manifest V3对权限非常严格:因请求未使用的tabs、scripting权限被拒两次,因从CDN加载highlight.js被拒一次。MV3下所有JS必须本地打包,不能加载外部脚本。首次提交通常被拒,但拒绝邮件具体可操作,仔细阅读并修复即可。构建三个小东西比一个大东西好:每个扩展专注一件事,Chrome商店列表更清晰、权限理由更简单、用户信任更高。本地处理是真正的差异点——“数据不离开浏览器”是开发者关心的,尤其对JWT token和API响应。所有扩展均使用Claude Code作为pair programmer,在周末全职工作之余开发。
作者将这些扩展放在ShipNano品牌下,计划持续推出小型专注工具。
#开发者 #工具 #PayloadPeek #BearerPeek #TextPeek #Chrome扩展 #ShipNano #JSON #JWT #字符计数
@DevToolboxHub