我开发了一个Chrome扩展，可以一键为当前网址添加自定义前缀，适用于视频站换线路、镜像站访问、测试环境跳转等场景。这篇文章会介绍它的功能、技术实现和关键代码片段。
🎯 解决什么痛点？
很多网站（尤其是视频站、工具站）提供多个线路或镜像地址，通常需要在原URL前面加上不同的前缀。手动复制粘贴很麻烦，于是我做了一个浏览器扩展，把“加前缀”这件事变成一个点击。
✨ 功能一览
- 悬浮工具栏：页面右侧固定圆球，展开后有5个按钮（返回顶部、收藏、历史、换线、打开），毛玻璃+金色边框。
- 智能换线：配置多个前缀，点击“换线”自动轮换到下一条，并重新打开当前页面。
- 自动复制：点击打开或换线时，自动将当前页面URL复制到剪贴板。
- 收藏与历史：
- 历史只记录通过本扩展打开的页面（避免污染正常浏览历史）。
- 收藏可手动添加当前页面，支持删除。
- 前缀管理弹窗：
- 增删改查，每条前缀可加备注。
- 批量导入
.txt文件（一行一个以http://或https://开头的地址）。 - 导出为txt或完整JSON备份（含历史、收藏、当前索引）。
- 深浅两套主题，自动记忆。
- 右键菜单：扩展图标上右键可临时隐藏/显示悬浮球。
📁 核心代码结构
- background.js # Service Worker：前缀管理、历史/收藏存储、消息路由
- content.js # 注入页面的悬浮球UI和交互
- content.css # 悬浮球样式
- popup.html/js # 管理界面
- manifest.json # 扩展配置
这个小工具已经满足我日常换线路的需求，代码完全开源，如果你也有类似场景，欢迎下载使用或二次开发。
如果觉得有用，点个⭐Star或一键三连支持一下～
GitHub地址：github.com/Griffin-6/U…
