一个功能强大的Firefox扩展,用于管理AWS多环境访问,支持容器隔离和Tree Style Tab集成。
- ✅ 多AWS环境配置和管理
- ✅ 环境信息存储(账户ID、角色、SSO等)
- ✅ 可视化环境列表和快速切换
- ✅ 环境编辑、删除和重置功能
- ✅ 自动容器创建和管理
- ✅ 基于环境类型的容器颜色分配
- ✅ 生产环境安全隔离和警告
- ✅ 容器状态检查和权限验证
- ✅ 动态CSS生成和自动应用
- ✅ 容器颜色跟随环境变化
- ✅ 强制自动写入TST配置
- ✅ 多种写入方法和回退机制
- ✅ 环境颜色编码(生产=红色,开发=绿色等)
- ✅ 环境图标和描述
- ✅ 生产环境脉冲警告动画
- ✅ 响应式界面设计
- Firefox 57+
- Multi-Account Containers扩展(推荐)
- Tree Style Tab扩展(可选)
- 下载扩展文件
- 在Firefox中打开
about:debugging - 点击"临时载入附加组件"
- 选择
manifest.json文件 - 扩展图标将出现在工具栏中
- 点击扩展图标打开管理界面
- 使用"➕ 添加环境"创建新环境
- 配置环境信息(名称、账户ID、角色等)
- 点击环境项目在对应容器中打开AWS控制台
- 使用"🌳 TST配置"自动配置Tree Style Tab样式
aws-environment-extension-package/
├── manifest.json # 扩展清单文件
├── popup.html # 主界面HTML
├── popup-fixed.css # 响应式样式文件
├── popup.js # 主要逻辑
├── edit-functions.js # 环境编辑功能
├── firefox-containers.js # Firefox容器集成
├── safe-tst-css.js # TST CSS生成
├── force-auto-tst.js # 强制自动TST配置
├── auto-copy-paste.js # 自动复制粘贴功能
├── tst-debug.js # TST调试工具
├── popup-layout-fix.js # 界面布局修复
└── region-*.js # 区域处理相关文件
- 添加环境: 支持自定义名称、描述、颜色、图标
- 环境配置: AWS账户ID、角色名称、SSO起始URL
- 区域选择: 支持多AWS区域配置
- 环境操作: 编辑、删除、重置默认环境
- 自动容器创建: 根据环境类型自动创建对应颜色的容器
- 容器隔离: 每个环境在独立容器中运行,完全隔离Cookie和会话
- 权限检查: 自动检测容器API可用性和权限状态
- 智能回退: 容器功能不可用时自动回退到普通标签页
- 动态CSS生成: 根据环境配置自动生成TST样式
- 多种写入方法: 6种并行写入方法确保配置成功
- 持续监控: 自动监视器确保样式持续生效
- 调试工具: 完整的调试和状态检查功能
| 环境类型 | 颜色 | 图标 | 描述 |
|---|---|---|---|
| 生产环境 | 🔴 红色 | 🔴 | 高安全级别,带警告动画 |
| 开发环境 | 🟢 绿色 | 🟢 | 完全访问权限 |
| 测试环境 | 🔵 蓝色 | 🔵 | 预发布验证 |
| 沙盒环境 | 🟡 黄色 | 🟡 | 实验和学习环境 |
- 🔍 TST调试: 全面的系统状态检查
- 🔧 强制写入: 多方案强制写入TST配置
- 📋 剪贴板: 剪贴板功能状态检查
- ⚡ 立即应用: 即时应用样式到当前页面
- 克隆仓库到本地
- 在Firefox中载入临时扩展
- 修改代码后重新载入扩展
- 使用浏览器开发者工具调试
- ✅ 添加强制自动TST配置功能
- ✅ 修复弹出窗口显示问题
- ✅ 优化响应式界面设计
- ✅ 增强容器权限检查
- ✅ 添加持续监控机制
- ✅ 添加Firefox容器集成
- ✅ 实现TST CSS自动生成
- ✅ 添加环境颜色修复功能
- ✅ 基础环境管理功能
- ✅ 环境添加、编辑、删除
- ✅ AWS控制台快速访问
欢迎提交Issue和Pull Request!
- 详细描述问题和复现步骤
- 提供Firefox版本和扩展版本信息
- 包含相关的控制台日志
- Fork本仓库
- 创建功能分支
- 提交代码并添加测试
- 创建Pull Request
MIT License - 详见 LICENSE 文件
- Firefox Multi-Account Containers团队
- Tree Style Tab扩展开发者
- AWS开发者社区
⭐ 如果这个项目对您有帮助,请给个Star!
最后更新: 2025年06月23日