写了个浏览器扩展:参数工坊(QueryCraft)

398 阅读1分钟

前言

  • 在调试接口、联调前端或快速生成分享链接时,经常需要手改 URL 参数:加一个字段、调一下顺序、尝试几组值……手敲不仅慢,还容易因为编码、顺序、遗漏而出错。
  • 为了把这件“小事”做到极致,我做了一个浏览器扩展:参数工坊(QueryCraft)。它专注于 URL 查询参数的“所见即所得”编辑与预览,让你在弹窗或侧边栏里,优雅地完成解析、编辑、排序、复制与打开新页等常用动作。

介绍

它能做什么(功能一览)

  • 解析并显示当前页 URL 的组成部分:协议、域名、路径、查询参数
  • 可视化编辑参数:新增/删除、修改值、开关启用
  • 多格式复制:完整 URL、仅查询串、JSON 结构
  • 实时预览:一边编辑一边看到结果,支持一键在新标签页打开
  • 二维码:为当前 URL 生成二维码,手机扫码即用
  • 双形态入口:弹窗(Popup)与侧边栏(Side Panel)
  • 国际化与主题:中文/英文切换,自动/浅色/深色主题(会持久化保存)
  • 可访问性:键盘友好、易读配色、语义化提示

适用场景

  • 前端/测试同学调试参数,快速切换环境或开关 feature flag
  • 后端/接口调试,通过 JSON 视图直接拷入参数
  • 运营/产品同学生成活动页链接,复制到不同渠道
  • 做笔记或写文档时,需要“干净可复用”的 URL 片段

部分截图

image.png

image.png

image.png

image.png

插件地址

chromewebstore.google.com/detail/pnmn…

结语

感谢阅读,用的开心。