环境切换 Chrome 插件
一键切换开发环境的浏览器扩展
浏览器扩展
开发者工具
项目简介
一款 Chrome 浏览器扩展，专为开发人员设计，可在 dev、sit、pre、prod 等多个环境间快速切换。插件根据可配置的地址栏模式自动修改浏览器 URL 中的环境标识，切换时保留当前路径和查询参数，实现无缝环境跳转。
插件 Popup 弹出窗口：点击插件图标后的弹出界面，展示环境按钮列表
工作流程
1
配置 URL 模板，如
http://x.${env}.cc.com↓
2
点击插件图标，弹出环境选择面板
↓
3
一键选择目标环境（dev / sit / pre / prod）
↓
4
自动替换 URL 中的
${env} 并刷新页面，保留路径和参数核心功能
- URL 模板配置 — 支持
${env}占位符定义环境地址模式 - 一键环境切换 — Popup 弹窗中快速切换 dev/sit/pre/prod
- 自定义环境 — 支持添加/删除自定义环境名称
- 保留路径与参数 — 切换环境时自动保留当前页面的路径和查询参数
- Options 配置页 — 独立的配置管理页面
Options 配置页面：展示 URL 模板配置和自定义环境管理
技术栈一览
Chrome Extension Manifest V3
JavaScript
HTML / CSS
Chrome Storage API