GitHub Tools Extension

一个Chrome浏览器扩展，在GitHub仓库页面显示相关第三方工具链接，提高开发效率。

✨ 功能特性

🎯 核心功能

• 智能检测: 自动检测GitHub仓库页面
• 第三方工具集成: 快速访问项目相关的外部工具和服务
• 一键跳转: 点击即可在新标签页打开对应工具
• 美观UI: 完美融入GitHub界面设计

🛠️ 内置工具

• GitHub.dev - GitHub官方在线VS Code编辑器
• GitHub1s - 在VS Code界面中浏览GitHub仓库代码
• GitMCP - 为AI助手提供GitHub项目文档和代码访问的MCP服务器
• Active Forks - 查看最近有更新的活跃fork仓库列表
• Sourcegraph - 跨仓库代码搜索和浏览

⚙️ 高级功能

• 自定义工具: 添加你自己的第三方工具链接
• 工具管理: 启用/禁用特定工具
• 使用统计: 跟踪工具使用频率
• 配置导出: 备份和分享配置

🚀 安装方法

开发者模式安装

1. 下载或克隆此项目
2. 打开Chrome浏览器，访问 chrome://extensions/
3. 开启右上角的"开发者模式"
4. 点击"加载已解压的扩展程序"
5. 选择项目文件夹 github-tools-extension

📖 使用指南

基本使用

1. 访问任意GitHub仓库首页（如 https://github.com/owner/repo）
2. 页面顶部会出现"第三方工具"下拉按钮
3. 点击按钮查看可用工具列表
4. 点击任意工具项即可在新标签页打开

自定义工具

1. 点击扩展图标打开设置面板
2. 在"自定义工具"部分点击"添加自定义工具"
3. 填写工具信息：
   • 工具名称: 显示的工具名称
   • URL模板: 使用 {owner} 和 {repo} 作为占位符
   • 描述: 工具功能说明
4. 保存后即可在GitHub页面使用

工具管理

• 使用开关控制工具的启用/禁用状态
• 删除不需要的自定义工具
• 查看工具使用统计
• 导出配置进行备份

🏗️ 项目结构

github-tools-extension/
├── manifest.json          # 扩展配置文件
├── content.js             # 内容脚本（注入GitHub页面）
├── style.css              # 样式文件
├── background.js          # 后台服务脚本
├── popup.html             # 设置界面HTML
├── popup.css              # 设置界面样式
├── popup.js               # 设置界面脚本
└── README.md              # 说明文档

🎨 设计理念

UI设计

• 原生风格: 完美融入GitHub界面
• 动画效果: 流畅的交互体验

用户体验

• 非侵入式: 不影响GitHub原有功能
• 高性能: 最小化资源占用

📊 扩展统计

扩展会记录以下使用统计：

• 每个仓库的工具使用次数

所有数据仅存储在本地，不会上传到任何服务器。

🔒 隐私说明

• 权限最小化: 仅请求必要的 activeTab 和 storage 权限
• 本地存储: 所有配置和统计数据仅存储在用户设备
• 无网络请求: 扩展本身不发起任何网络请求
• 开源透明: 所有代码公开可审查

🤝 贡献指南

欢迎提交Issue和Pull Request！

开发环境

1. 克隆项目到本地
2. 在Chrome中加载扩展
3. 修改代码后点击扩展页面的刷新按钮

提交规范

• 使用清晰的commit信息
• 遵循现有代码风格
• 添加必要的注释和文档

📄 许可证

MIT License - 详见 LICENSE 文件

🙏 致谢

感谢以下项目和服务的启发：

• GitHub官方界面设计
• 各种优秀的第三方开发工具
• Chrome扩展开发社区

---

让GitHub开发更高效！ 🚀