第3章 界面导览

📖 《Gemini-Voyager 从入门到精通》系列连载

3.1 弹出窗口（Popup）概览

弹出窗口是用户与 Gemini-Voyager 交互的主要入口。当用户点击浏览器工具栏上的扩展图标时，会弹出一个小型窗口，提供快速访问常用功能的途径。

弹出窗口结构

┌─────────────────────────────┐
│  🔷 Gemini Voyager          │
├─────────────────────────────┤
│                             │
│  ┌─────────┐ ┌─────────┐    │
│  │   📂    │ │   💡    │    │
│  │ 文件夹   │ │ 提示词  │    │
│  └─────────┘ └─────────┘    │
│                             │
│  ┌─────────┐ ┌─────────┐    │
│  │   📤    │ │   ⏱️    │    │
│  │  导出   │ │  时间轴  │    │
│  └─────────┘ └─────────┘    │
│                             │
│  ┌─────────┐ ┌─────────┐    │
│  │   ☁️    │ │   🧜‍♀️   │    │
│  │  同步   │ │ 去水印  │    │
│  └─────────┘ └─────────┘    │
│                             │
├─────────────────────────────┤
│  ⚙️ 设置    📖 帮助         │
└─────────────────────────────┘

主要区域：

• 快捷工具区 - 文件夹、提示词、导出、时间轴、同步、去水印
• 设置入口 - 访问完整设置页面
• 帮助入口 - 链接到文档

3.2 选项页面（Options）

选项页面是 Gemini-Voyager 的配置中心，提供完整的功能设置和个性化配置。

布局结构

┌─────────────────────────────────────────────────────────────┐
│                    选项页面布局                                │
├────────────────┬────────────────────────────────────────────┤
│                │                                             │
│  通用设置      │  ┌──────────────────────────────────────┐  │
│  ─────────    │  │  语言选择: [中文 ▼]                  │  │
│  外观设置      │  └──────────────────────────────────────┘  │
│  ─────────    │  ┌──────────────────────────────────────┐  │
│  功能开关      │  │  主题: (●) 跟随系统  ( ) 浅色      │  │
│   ├ 文件夹    │  └──────────────────────────────────────┘  │
│   ├ 提示词    │  ┌──────────────────────────────────────┐  │
│   ├ 时间轴    │  │  ☑ 启用文件夹管理                    │  │
│   └ Mermaid  │  │  ☑ 启用提示词宝库                    │  │
│  ─────────    │  │  ☑ 启用时间轴导航                    │  │
│  云同步设置    │  │  ☑ 启用 Mermaid 渲染                │  │
│  ─────────    │  └──────────────────────────────────────┘  │
│  高级设置      │                                             │
│  ─────────    │                                             │
│  关于          │                                             │
└────────────────┴────────────────────────────────────────────┘

主要类别：

• 通用设置 - 语言、通知
• 外观设置 - 主题、字体
• 功能开关 - 各功能启用/禁用
• 云同步设置 - Google 账户连接
• 高级设置 - 数据管理、快捷键

3.3 工具箱面板

除了弹出窗口，Gemini-Voyager 还会在 Gemini 网页本身上注入交互元素。

页面元素分布

┌─────────────────────────────────────────────────────────────────┐
│                    Gemini 页面上的工具箱                          │
├─────────────────────────────────────────────────────────────────┤
│                                                                 │
│  ┌─────────────────────────────────────────────────────────┐     │
│  │  [对话标题]          [导出 ▼] [更多操作]              │     │
│  └─────────────────────────────────────────────────────────┘     │
│                                                                 │
│  ┌─────────────┐  ┌─────────────────────────────────────┐     │
│  │   侧边栏     │  │           对话区域                   │     │
│  │             │  │                                      │     │
│  │  📂 文件夹   │  │   用户消息                          │     │
│  │             │  │                                      │     │
│  │  💡 提示词  │  │   ┌─────────────────────────────┐   │     │
│  │             │  │   │  [公式复制] [复制 LaTeX]    │   │     │
│  │  ⭐ 收藏   │  │   └─────────────────────────────┘   │     │
│  └─────────────┘  └─────────────────────────────────────┘     │
│                                                                 │
└─────────────────────────────────────────────────────────────────┘

页面注入元素：

• 导出按钮 - 对话标题附近
• 快捷操作菜单 - 右键菜单扩展
• 上下文工具 - 公式复制、Mermaid 渲染开关等

⏳ 下一章将介绍核心概念