TGViewer
开发者工具箱|编程·开发工具·资源 开发者工具箱|编程·开发工具·资源 @devtoolboxhub · 779 subscribers
Post #1446 3
三款Chrome扩展提升开发工作流

一位开发者注意到日常工作中的三个小痛点——在随机网站上粘贴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
More from @devtoolboxhub
  1. Sep 28, 2026GitHub 的 pull_request_target 改动会破坏什么 GitHub 今年调整了 pull_request_target 的运作方式,两项带日期的变更会影响所有使…
  2. Sep 27, 2026Instagram 字体生成器:把普通文字换成 Unicode 样式 Instagram 字体生成器是一类在线工具,把普通字母转换成外观不同的 Unicode 字符,再复制粘贴到…
  3. Sep 27, 2026用一个下午审计公司里的重复性工作 多数公司不需要耗时半年的转型项目,才能发现时间到底流失在哪里。花几个小时追踪三个真实工作流,就能看出很多问题。关键不是问团队哪里效率低,也不是凭记…
  4. Sep 27, 2026竞品关键词调研的自动化流程 从竞品差距分析导出两万个关键词,约一半只是同一词换了词序。真正的瓶颈在导出之后那一小时:一个好问题变成一堵近似重复词组成的墙,外加三种不同口径的搜索量。…
  5. Sep 26, 2026PostgreSQL 复制槽上限参数 max_replication_slots 解析 max_replication_slots 决定共享内存中复制槽数组的长度,仅此而已。它不决…
  6. Sep 26, 2026五仓库架构踩坑:Gitlink 与双 CI Flude 团队复盘了多仓库架构的实践代价。项目从第一分钟起就选择拆分成独立仓库,Pipeline、engine、design-docs…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →