浏览器产品系统Vibe Coding

**1、立项原因（解决的产品问题）**

日常使用浏览器做多账号运营、内容发布时，提示词、话术、标签页组合、签名和账号配置需要反复手动输入与切换，重复劳动多、易出错；市面上多账号浏览器普遍功能臃肿、资源占用高，且缺少提示词模板、标签行收藏这类直接提升操作效率的能力。本项目立项，旨在用轻量桌面浏览器把提示词模板库、保存标签行、签名组、账号位和设备模拟等高频操作沉淀为可复用模板，降低重复操作成本，提升多窗口场景下的工作效率。

**2、行业场景与业务背景**

跨境电商、社媒运营、广告投放、内容创作与客服外包等团队，常需在同一台电脑上并行管理多个账号、批量处理大量重复内容，并需要模拟移动端页面查看效果；现有方案多依赖指纹浏览器或云手机，采购与维护成本高，数据也难以随项目迁移。本产品基于 WebView2 轻量内核构建桌面浏览器，提供多账号位隔离、提示词与内容模板复用、标签行保存、设备模拟预览，并将全部配置以本地数据文件夹形式存储，可放网盘随团队迁移，适配上述行业的日常运营与协作场景。

**1、项目有哪些具体功能模块**

项目包含浏览器核心模块（多标签行窗口浏览、地址导航、前进后退、书签、历史记录、下载记录）、多账号模块（账号位、账号分组、签名组）、内容提效模块（提示词模板库与模板分类、词语库与词语管理、调整模板、光标插入）、页面预览模块（设备模拟、移动端尺寸预览、页面工具），以及数据模块（设置项、数据文件夹自动同步、一键打包与加载数据）。

**2、项目的主要功能描述**

用户可在主窗口以多标签行同时浏览多个网页，并把常用标签组合保存为“标签行”按分类复用；书签、历史、下载均支持分类与检索。提示词模板支持新建、编辑、分类、拖动归类、词库管理（含改名、删除并级联同步），在编辑框光标处可一键插入模板或调整项；签名组与账号位用于多账号快速切换。设备模拟可切换机型尺寸并预览移动端页面效果。所有配置保存在本地，可与指定数据文件夹自动双向同步，并支持一键打包到桌面用于备份迁移。

**1、“我”负责哪些具体任务**

我负责项目从 0 到 1 的整体方案与全部核心开发：桌面窗口与多 WebView 架构、浏览器导航与标签行、书签历史下载、提示词模板与词语库、账号位与签名组、设备模拟与移动端预览、数据文件夹同步与一键打包，以及界面设计、编译打包与桌面部署。

**2、项目使用的技术栈、架构，实现上亮点、难点**

前端 Vue3 + TypeScript + Vite 多入口构建，后端 Rust + Tauri 2 + WebView2，前后端通过 IPC 命令与事件通信，数据统一存 localStorage 并按分类镜像到本地数据文件夹。亮点与难点：一是用 Tauri 子 WebView 动态创建多窗口，配合通配权限、按调用方窗口关闭解决关窗定位问题；二是弃用原生右键菜单，自绘浮层并做坐标钳制以适配固定定位；三是 WebView2 原生拖拽不触发，改为 mousedown 跟踪实现排序与拖拽归类；四是词库改名、删除需级联重写全部模板并触发同步，保证数据一致。