💻 Droplink Chrome 扩展
基于 Plasmo 框架构建的现代化浏览器扩展。
✨ 主要功能
- 🔔 实时接收:WebSocket 实时推送
- 🚀 自动打开:收到链接立即打开标签页
- 📋 复制到剪贴板:支持快捷复制
- 🔒 邮箱验证:安全的无密码登录
📦 安装
方式一:Chrome Web Store(审核中)
即将上线 Chrome 应用商店。
方式二:手动安装
- 下载最新版本
- 解压 ZIP 文件
- 打开 Chrome 扩展管理页面(
chrome://extensions/) - 开启"开发者模式"
- 点击"加载已解压的扩展程序"
- 选择解压后的文件夹
🔧 技术栈
- 框架: Plasmo
- 语言: TypeScript
- UI 库: React
- 状态管理: Zustand
- 构建工具: Vite
- 样式: Tailwind CSS
📚 开发文档
本地开发
bash
# 克隆仓库
git clone https://github.com/yaotutu/droplink-chrome-extension
cd droplink-chrome-extension
# 安装依赖
pnpm install
# 启动开发服务器
pnpm dev
# 构建生产版本
pnpm build项目结构
src/
├── background/ # 后台脚本
├── content/ # 内容脚本
├── popup/ # 弹出窗口
├── options/ # 设置页面
├── components/ # React 组件
└── utils/ # 工具函数🤝 贡献指南
欢迎贡献代码!请查看贡献指南。
开发环境要求
- Node.js 18+
- pnpm 8+
- Chrome 或基于 Chromium 的浏览器