# VueMultiBrowser开源版

**Repository Path**: MoSheng2020/VueMultiBrowserOpen

## Basic Information

- **Project Name**: VueMultiBrowser开源版
- **Description**: QQ：1098901025
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: http://mcp.msblog.cc/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-01-02
- **Last Updated**: 2026-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# VueMultiBrowser - Vue 多浏览器管理器

基于 Vue 3 + C# WinForms + FBroSharp (CEF) 的多浏览器实例管理工具。

## 功能特性

- 🌐 创建和管理多个独立浏览器实例
- 🎨 Vue 3 构建的现代化深色主题 UI
- 🖱️ 支持窗口拖拽、最小化、最大化、关闭
- 📝 浏览器重命名、排序、删除
- 🔄 浏览器实例切换显示
- 🧩 内置浏览器插件（FBro 工具箱）

## 技术栈

- **前端**: Vue 3 + Vite
- **后端**: C# WinForms (.NET Framework)
- **浏览器内核**: FBroSharp (基于 CEF)
- **通信**: cefQuery 双向通信
- **插件**: Chrome Extension (Manifest V2)

## 项目结构

```
VueMultiBrowser/
├── vue/                    # Vue 前端项目
│   ├── src/
│   │   ├── App.vue        # 主界面组件
│   │   └── main.js
│   └── vite.config.js
├── csharp/                 # C# 后端项目
│   └── VUE多浏览器管理/
│       ├── Form1.cs       # 主窗体
│       ├── BrowserEvent.cs # 浏览器事件处理
│       ├── QueryHandler.cs # JS-C# 通信处理
│       └── InitEvent.cs   # FBro 初始化
├── PlugIn/                 # 浏览器插件
│   ├── manifest.json      # 插件配置
│   ├── content.js         # 内容脚本
│   └── content.css        # 样式
```

## 截图

### 初始界面

![image-20260102212831368](https://img.msblog.cc/img/image-20260102212831368.png)

### 左侧创建浏览器，右侧浏览器插件

![1f88f5051e1ecac57402e04c3aaa6a85](https://img.msblog.cc/img/1f88f5051e1ecac57402e04c3aaa6a85.png)

## 运行方式

### 1. 启动 Vue 开发服务器

```bash
cd vue
npm install
npm run dev
```

### 2. 运行 C# 程序

使用 Visual Studio 打开 `csharp/VueMultiBrowser.sln`，编译并运行。

## 依赖

- Node.js 16+
- .NET Framework 4.8.0
- FBroSharp 4.21.42

## Pro 版本

Pro 版本提供更多高级功能：

- 🔐 多账户独立缓存隔离
- 🌍 浏览器指纹伪装
- 🌐 独立代理配置
- 📦 浏览器配置导入/导出
- 🛡️ 更多反检测功能

如需 Pro 版本，请联系作者获取。

## 版本对比

| 功能 | 普通版 | Pro版 | ProMax版 |
|------|--------|-------|----------|
| 多浏览器实例管理 | ✅ | ✅ | ✅ |
| Vue 3 现代化 UI | ✅ | ✅ | ✅ |
| 窗口拖拽/最小化/最大化 | ✅ | ✅ | ✅ |
| 浏览器重命名/排序/删除 | ✅ | ✅ | ✅ |
| 内置浏览器插件 | ✅ | ✅ | ✅ |
| 多账户独立缓存隔离 | ❌ | ✅ | ✅ |
| 独立代理配置 | ❌ | ✅ | ✅ |
| 浏览器指纹伪装 | ❌ | ✅ | ✅ |
| 浏览器配置导入/导出 | ❌ | ✅ | ✅ |
| **多进程架构** | ❌ | ❌ | ✅ |
| **HTTP REST API** | ❌ | ❌ | ✅ |
| **WebSocket 通信** | ❌ | ❌ | ✅ |
| **CDP 调试端口** | ❌ | ❌ | ✅ |
| **Swagger 文档** | ❌ | ❌ | ✅ |

### 架构差异

- **普通版/Pro版**: 单进程架构，所有浏览器实例在主进程中运行
- **ProMax版**: 多进程架构，每个浏览器实例独立子进程，通过 WebSocket 通信，支持 HTTP API 远程控制

## 许可证

MIT