一款面向前端开发者的 Microsoft Edge 扩展(Manifest V3)。
点击工具栏图标,把当前标签页地址生成二维码,方便用手机扫码访问。
支持配置「域名映射规则」,把本机开发地址(如 http://127.0.0.1:5500)自动替换成
公网代理地址(如 https://xxxx.dpdns.org),路径与查询参数原样保留。
代码符合 MV3 规范,理论上 Chrome 也可加载使用,但本仓库以 Microsoft Edge Add-ons 上架为准。
qrCodePlugin/
├── manifest.json # MV3 清单
├── popup/ # 工具栏弹窗(HTML/CSS/JS)
├── options/ # 配置页(HTML/CSS/JS)
├── shared/ # popup 与 options 共用的工具函数
├── lib/ # 第三方库(qrcodejs,本地引入)
├── icons/ # 16/48/128 PNG 图标
├── tools/
│ ├── generate-icons.py # 重新生成图标的脚本
│ └── build-zip.sh # 一键打包提交用的 zip
├── PRIVACY.md # 隐私政策(中英)
├── STORE_LISTING.md # Edge 商店字段填空指引
└── README.md
- 打开
edge://extensions - 左下角打开「开发人员模式」
- 点「加载解压缩的扩展」,选择本目录
- 生成二维码:点击工具栏图标,弹窗自动显示当前标签页 URL 的二维码。
- 配置映射规则:点弹窗右上角齿轮 → 打开配置页 → 添加 / 编辑规则 → 保存。
- 「源域名」「目标域名」按
origin(协议+主机+端口)整体匹配。 - 例:源
http://127.0.0.1:5500→ 目标https://xxxxx.dpdns.org时,访问http://127.0.0.1:5500/foo?x=1会生成https://xxxxx.dpdns.org/foo?x=1的二维码。
- 「源域名」「目标域名」按
- 本次禁用映射:弹窗里的「使用域名映射」开关,关闭后立即用原始地址重画二维码。 只在本次弹窗有效,不会影响保存的规则。
- 复制链接:弹窗里的「复制」按钮一键复制二维码对应的链接。
# 重新生成图标(可选,仅在你想换图标颜色/图案时)
python3 tools/generate-icons.py
# 打包成可上传到 Microsoft Partner Center 的 zip
bash tools/build-zip.sh
# → dist/qr-code-for-mobile-v1.0.0.zip打包脚本会自动排除 .idea/、tools/、*.md、*.zip、.DS_Store 等开发期文件,
确保 manifest.json 在 zip 的第一层。
- 注册:Microsoft Partner Center (免费,必须用个人 MSA:outlook.com / live.com / hotmail.com)。
- 把
PRIVACY.md发布成一个公开 URL(GitHub Pages 或仓库 raw 链接)。 - 在 Partner Center 「Create new extension」→ 上传
dist/*.zip。 - 填写商店列表 → 直接照抄
STORE_LISTING.md。 - 上传 1280×800 截图(至少 1 张,推荐 2~3 张)。
- 提交,等邮件通知,通常 1–3 个工作日。
规则保存在 chrome.storage.sync,登录同一 Microsoft 账号的 Edge 浏览器会自动同步。
不希望同步的话,把 shared/mapping.js 里 chrome.storage.sync 改成 chrome.storage.local。
edge://、chrome://、about:、file:// 等内部协议页面无法生成二维码,弹窗会显示提示。
- 二维码生成:davidshimjs/qrcodejs (MIT License)
通过
lib/qrcode.min.js本地引入。
MIT