docs: 添加离线安装说明和 SVG 图标

browser-extension/INSTALL.md

@@ -0,0 +1,88 @@
+# LLM Content Extractor 离线安装指南
+
+## 系统要求
+
+- Chrome 88+ / Edge 88+ / Brave / Arc 等 Chromium 内核浏览器
+- 开发者模式权限
+
+## 安装步骤
+
+### 方式一：从源码安装
+
+1. **下载项目**
+   ```bash
+   git clone git@git.let5see.xyz:let5see/web2mcp.git
+   cd web2mcp
+   ```
+
+2. **打开扩展管理页面**
+   - Chrome：地址栏输入 `chrome://extensions/`
+   - Edge：地址栏输入 `edge://extensions/`
+
+3. **开启开发者模式**
+   - 点击页面右上角的 **开发者模式** 开关
+
+4. **加载扩展**
+   - 点击 **加载已解压的扩展程序**
+   - 选择项目中的 `browser-extension` 文件夹
+
+5. **完成**
+   - 扩展图标会出现在浏览器工具栏
+   - 如果没有显示，点击拼图图标 🧩 将其固定
+
+### 方式二：下载 ZIP 安装
+
+1. 从仓库下载 ZIP 包并解压
+2. 按照方式一的步骤 2-5 操作
+
+## 更新扩展
+
+1. 拉取最新代码
+   ```bash
+   git pull origin main
+   ```
+
+2. 在扩展管理页面点击 **刷新** 按钮 🔄
+
+## 常见问题
+
+### Q: 扩展无法使用？
+刷新目标页面后重试。首次安装需要刷新已打开的页面。
+
+### Q: 框选模式无响应？
+检查页面是否有 CSP (Content Security Policy) 限制，部分网站可能禁止注入脚本。
+
+### Q: 如何卸载？
+在扩展管理页面点击 **移除** 按钮。
+
+## 文件说明
+
+```
+browser-extension/
+├── manifest.json    # 扩展配置（权限、入口等）
+├── popup.html       # 弹出窗口界面
+├── popup.js         # 弹出窗口逻辑
+├── content.js       # 注入页面的内容脚本
+├── content.css      # 框选样式
+├── icons/           # 图标文件
+│   ├── icon.svg     # 矢量源文件
+│   ├── icon16.png   # 16x16 图标
+│   ├── icon48.png   # 48x48 图标
+│   └── icon128.png  # 128x128 图标
+└── INSTALL.md       # 本文件
+```
+
+## 权限说明
+
+| 权限 | 用途 |
+|------|------|
+| `activeTab` | 访问当前标签页内容 |
+| `scripting` | 注入内容提取脚本 |
+| `clipboardWrite` | 复制提取结果到剪贴板 |
+| `storage` | 保存历史记录和配置 |
+
+## 隐私声明
+
+- 本扩展完全离线运行，不向任何服务器发送数据
+- 提取的内容仅保存在本地浏览器存储中
+- 不收集任何用户信息

browser-extension/icons/icon.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea"/>
+      <stop offset="100%" style="stop-color:#764ba2"/>
+    </linearGradient>
+  </defs>
+  <rect width="128" height="128" rx="24" fill="url(#bg)"/>
+  <g fill="white">
+    <!-- 文档图标 -->
+    <rect x="36" y="24" width="56" height="72" rx="4" fill="white" opacity="0.9"/>
+    <!-- 文字线条 -->
+    <rect x="44" y="36" width="32" height="4" rx="2" fill="#667eea"/>
+    <rect x="44" y="48" width="40" height="4" rx="2" fill="#667eea" opacity="0.6"/>
+    <rect x="44" y="60" width="36" height="4" rx="2" fill="#667eea" opacity="0.6"/>
+    <rect x="44" y="72" width="28" height="4" rx="2" fill="#667eea" opacity="0.6"/>
+    <!-- 魔法棒 -->
+    <g transform="translate(70, 70) rotate(-45)">
+      <rect x="0" y="0" width="8" height="40" rx="2" fill="#FFD700"/>
+      <polygon points="4,-8 0,0 8,0" fill="#FFD700"/>
+    </g>
+    <!-- 星星 -->
+    <circle cx="100" cy="32" r="4" fill="#FFD700"/>
+    <circle cx="108" cy="48" r="3" fill="#FFD700" opacity="0.7"/>
+    <circle cx="96" cy="52" r="2" fill="#FFD700" opacity="0.5"/>
+  </g>
+</svg>