专注于开发测试，但不止于此
DevTester 是一个功能丰富的 Chrome 扩展程序，专为开发者设计，提供多种实用的开发测试工具。从环境通知到点击统计，从账户管理到内容屏蔽，DevTester 致力于提升开发者的工作效率。
- 在网页中显示自定义通知信息
- 支持环境变量和配置信息的实时展示
- 可自定义通知样式和位置
- 账户管理和自动登录功能
- 支持快捷键操作
- 用户仪表板和数据统计
- 统计页面点击次数
- 可视化点击数据
- 支持数据导出和分析
- 屏蔽内容农场和垃圾网站
- 自定义屏蔽规则
- 提升浏览体验
- 智能链接跳转功能
- 自定义跳转规则
- 提升导航效率
- 浏览器存储管理工具
- 支持 LocalStorage、SessionStorage 等
- 数据查看和编辑功能
- 分析用户浏览行为
- 生成行为报告
- 数据可视化展示
- 自定义应用布局
- 响应式设计支持
- 主题切换功能
- 访问 Chrome Web Store
- 点击"添加至 Chrome"
- 确认安装
- 下载项目源码
git clone https://github.com/kinfuy/dev-tester.git
cd dev-tester- 安装依赖
pnpm install- 构建项目
pnpm run build- 在 Chrome 浏览器中打开
chrome://extensions/ - 开启"开发者模式"
- 点击"加载已解压的扩展程序"
- 选择
packages/extension/dist目录
# 安装依赖
pnpm install
# 启动开发服务器
pnpm run dev
# 启动后端服务
pnpm run serve
# 构建生产版本
pnpm run build
# 代码检查
pnpm run lint- Vue 3 - 渐进式 JavaScript 框架
- TypeScript - 类型安全的 JavaScript
- Vite - 下一代前端构建工具
- Element Plus - Vue 3 组件库
- ECharts - 数据可视化图表库
- Less - CSS 预处理器
- NestJS - Node.js 框架
- TypeScript - 类型安全
- MySQL - 数据库
- JWT - 身份认证
- ESLint - 代码检查
- Prettier - 代码格式化
- Husky - Git hooks
- Commitlint - 提交信息规范
sidekick/
├── packages/
│ ├── extension/ # Chrome 扩展主程序
│ │ ├── src/
│ │ │ ├── applications/ # 应用模块
│ │ │ ├── components/ # 公共组件
│ │ │ ├── core/ # 核心功能
│ │ │ ├── popup/ # 弹窗页面
│ │ │ ├── setting/ # 设置页面
│ │ │ └── sidepanel/ # 侧边栏
│ │ └── public/ # 静态资源
│ ├── server/ # 后端服务
│ │ ├── src/
│ │ │ ├── auth/ # 认证模块
│ │ │ ├── card/ # 卡片模块
│ │ │ ├── user/ # 用户模块
│ │ │ └── subscription/ # 订阅模块
│ │ └── public/ # 静态资源
│ ├── docs/ # 文档
│ └── landing/ # 落地页
└── README.md
我们欢迎所有形式的贡献！请查看以下指南：
- 使用清晰的标题描述问题
- 提供详细的复现步骤
- 包含浏览器版本和操作系统信息
- Fork 本仓库
- 创建功能分支 (
git checkout -b feature/AmazingFeature) - 提交更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 创建 Pull Request
- 使用 TypeScript 编写代码
- 遵循 ESLint 规则
- 添加适当的注释和文档
本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情。
感谢所有为这个项目做出贡献的开发者！
- 项目主页：https://github.com/kinfuy/sidekick
- 问题反馈：https://github.com/kinfuy/sidekick/issues
- 邮箱：[email protected]
如果这个项目对您有帮助，请给它一个 ⭐️