# simple-browser

**Repository Path**: L-Magma/simple-browser

## Basic Information

- **Project Name**: simple-browser
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-03
- **Last Updated**: 2025-07-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Electron 跨平台浏览器

这是一个基于 Electron 的跨平台浏览器，完美支持所有主流视频网站的视频播放。

## ✨ 主要特性

- 🎥 **完整视频支持**: 基于 Chromium 内核，支持 H.264/AAC 等所有主流视频格式
- 🌐 **多标签页**: 支持同时打开多个网页
- 🎨 **现代化界面**: 美观的用户界面，支持响应式设计
- ⌨️ **键盘快捷键**: Ctrl+T (新标签页), Ctrl+W (关闭标签页), Ctrl+R (刷新)
- 🔄 **完整导航**: 前进、后退、刷新、主页等功能
- 📱 **跨平台**: Windows、macOS、Linux 全平台支持

## 🚀 快速开始

### 启动浏览器
```bash
npm start
```

### 开发模式（带开发者工具）
```bash
npm run dev
```

## 🎯 支持的视频网站

- B站 (bilibili.com)
- 腾讯视频 (qq.com)
- 优酷 (youku.com)
- 爱奇艺 (iqiyi.com)
- 芒果TV (mgtv.com)
- 搜狐视频 (sohu.com)
- 乐视 (le.com)
- A站 (acfun.cn)
- YouTube
- Netflix
- 更多...

## ⌨️ 快捷键

| 快捷键 | 功能 |
|--------|------|
| Ctrl+T | 新建标签页 |
| Ctrl+W | 关闭当前标签页 |
| Ctrl+R | 刷新页面 |
| Ctrl+L | 聚焦地址栏 |
| Ctrl+Q | 退出应用 |

## 🏗️ 项目结构

```
├── main.js              # 主进程文件
├── preload.js           # 预加载脚本
├── index.html           # 主界面
├── styles.css           # 样式文件
├── renderer.js          # 渲染进程脚本
├── package.json         # 项目配置
└── README.md           # 说明文档
```

## 🔧 技术栈

- **Electron**: 跨平台桌面应用框架
- **Chromium**: 浏览器内核，支持所有现代网页技术
- **HTML/CSS/JavaScript**: 前端界面
- **Node.js**: 后端支持

## 🎨 界面特性

- 现代化设计风格
- 响应式布局
- 平滑动画效果
- 深色/浅色主题适配
- 自定义滚动条

## 🚀 性能优化

- 标签页懒加载
- 内存管理优化
- 网络请求优化
- 渲染性能优化

## 🔒 安全特性

- 上下文隔离
- 禁用 Node.js 集成
- 安全的 IPC 通信
- 外部链接安全处理

## 🐛 故障排除

### 常见问题

1. **启动失败**
   - 确保 Node.js 版本正确
   - 重新安装依赖: `npm install`

2. **视频无法播放**
   - 检查网络连接
   - 确保网站支持 HTML5 视频

3. **界面显示异常**
   - 尝试重新启动应用
   - 检查系统分辨率设置

### 开发调试

```bash
# 启动开发模式
npm run dev

# 查看控制台日志
# 在应用中使用 Ctrl+Shift+I 打开开发者工具
```

## 📄 许可证

MIT License

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！

## 📞 支持

如有问题，请创建 Issue 或联系开发者。

## Electron 方案依赖与安装

### 运行环境要求
- Node.js 16 及以上
- npm 7 及以上

### 依赖安装
在项目根目录下运行：
```bash
npm install
```

### 主要依赖
- electron
- electron-builder（打包用）
- sharp（如需本地图标转换）

### 使用淘宝镜像加速依赖安装（推荐国内用户）
```bash
npm config set registry https://registry.npmmirror.com
npm install
```

### 启动开发模式
```bash
npm start
```

### 打包 Windows 安装包
```bash
# 使用淘宝镜像加速 Electron 下载
$env:ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"
npm run dist
```

### 依赖列表（package.json）
```json
"devDependencies": {
  "electron": "^25.0.0",
  "electron-builder": "^24.0.0",
  "sharp": "^0.33.0"
}
```

---