通用网页AI速读 🧠

一个强大的油猴脚本，可以在任意网页上使用AI智能总结和对话功能，帮助你快速理解网页内容。

✨ 特性

• 🌐 通用支持 - 适用于任意网页，自动提取页面主要内容
• 🤖 AI总结 - 智能分析网页内容，生成结构化摘要
• 💬 智能对话 - 基于网页内容进行追问和深度讨论
• 🎨 三种主题 - 护眼绿、橙红、深色主题随心切换
• 📊 优化表格 - Markdown表格美观展示，支持悬停高亮
• 🔄 流式输出 - 实时显示AI生成内容，支持思考过程展示
• 📖 展开收起 - 长内容支持折叠，便于快速浏览
• 📱 响应式设计 - 侧边栏可调整大小，悬浮按钮可拖动
• ⚡ 快捷键支持 - Ctrl+Shift+S 快速打开/关闭
• 🔒 隐私安全 - 所有数据本地存储，支持自定义API

📸 预览

三种主题配色

浅色主题（护眼绿）

• 清新的绿色配色，保护视力
• 适合长时间阅读
• 默认主题

橙红主题

• 温暖的橙红配色
• 活力充沛，提升专注度
• 适合白天使用

深色主题

• 深绿色护眼配色
• 减少眼睛疲劳
• 适合夜间使用

核心功能

• 智能内容提取
• 结构化总结展示
• 表格数据美化
• 思考过程可视化

🚀 安装

前置要求

1. 安装浏览器扩展管理器（任选其一）：

   • Scriptcat
   • Tampermonkey
   • Violentmonkey
   • Greasemonkey

2. 准备AI API（任选其一）：

   • DeepSeek API (推荐，性价比高)
   • OpenAI API
   • 其他兼容OpenAI格式的API

⚙️ 配置

首次使用

1. 访问任意网页
2. 点击右侧悬浮按钮（或按 Ctrl+Shift+S）
3. 切换到"设置"标签
4. 配置以下信息：

API 配置

API 地址: https://api.deepseek.com/v1/chat/completions
API Key: sk-your-api-key-here
模型名称: deepseek-chat

提示词配置

总结提示词（默认）：

请总结以下网页内容。使用 Markdown 格式，条理清晰，重点突出主要观点、关键信息和核心内容。适当使用标题、列表和引用来组织内容。

对话提示词（默认）：

你是一个网页内容阅读助手。基于上文中的网页内容，回答用户的问题。回答要准确、简洁，必要时引用原文。

高级设置

• 流式输出: 开启后内容逐字显示（推荐）
• 自动滚动: 生成时自动滚动到最新内容（推荐）

1. 点击"💾 保存设置"

📖 使用方法

基础使用

1. 打开侧边栏

   • 点击悬浮按钮
   • 或按 Ctrl+Shift+S

2. 总结网页

   • 确保页面已完全加载
   • 点击"✨ 总结当前网页内容"
   • 等待AI分析并生成摘要

3. 对话追问

   • 总结完成后，切换到"对话"标签
   • 输入你的问题
   • 按 Enter 发送（Shift+Enter 换行）

高级功能

主题切换

点击右上角主题按钮，循环切换三种主题：

• 🔶 浅色（绿） → 温暖舒适
• 🌙 橙红 → 活力充沛
• ☀️ 深色（绿） → 护眼夜间

主题自动保存，下次打开自动恢复。

展开/收起内容

总结完成后：

• 内容默认完全展开
• 点击右上角"📖 收起"可折叠内容
• 收起后底部显示"展开查看完整内容"按钮
• 点击任一按钮可重新展开

思考过程展示

AI生成的内容可能包含思考过程：

• 点击"🧠 思考过程"可展开/收起
• 查看AI的推理步骤
• 了解结论的来源

复制内容

• 鼠标悬停在总结结果上
• 点击右上角"📋 复制"按钮
• 内容已复制到剪贴板

清空对话

• 在对话页面点击"🗑️ 清空"
• 清空对话记录但保留上下文
• 可以继续基于网页内容提问

调整侧边栏

• 鼠标悬停在侧边栏边缘
• 出现调整手柄时拖动
• 调整到合适的宽度

移动悬浮按钮

• 关闭侧边栏状态下
• 拖动按钮到任意位置
• 自动吸附到左侧或右侧

🎯 适用场景

学习研究

• 📚 快速理解学术论文
• 📰 总结新闻文章要点
• 📖 提取教程核心内容
• 📊 分析数据报告

工作效率

• 📈 分析行业报告
• 📧 理解长篇邮件
• 🔍 研究竞品信息
• 📋 整理会议纪要

日常浏览

• 🌐 快速浏览长文
• 💡 提取关键信息
• ❓ 深入理解内容
• 📑 整理知识要点

🔧 技术特点

智能内容提取

脚本会自动：

1. 识别网页主要内容区域（article、main等）
2. 移除广告、导航、评论等干扰元素
3. 提取纯文本并保留段落结构
4. 限制内容长度避免超过API限制

支持的内容标签

优先提取以下区域的内容：

• <article>
• <main>
• [role="main"]
• .article-content
• .post-content
• .entry-content

Markdown渲染优化

表格展示

• 渐变色表头，醒目美观
• 行悬停高亮，易于阅读
• 圆角边框，现代设计
• 响应式布局，自适应屏幕

代码块

• 语法高亮显示
• 深色背景，对比鲜明
• 等宽字体，易于识别

引用块

• 左侧彩色边框
• 斜体文字，区分明显
• 浅色背景，层次清晰

调试模式

打开浏览器控制台（F12）查看详细日志：

[AI速读] 开始提取页面内容...
[AI速读] 找到主内容区域: 选择器: article
[AI速读] 提取成功: 12345 字 (选择器: article)

🎨 主题配色

浅色主题（护眼绿）

• 主色调: #52a67d
• 背景色: #f5f9f7
• 文字色: #1f3a2e
• 特点: 清新自然，保护视力

橙红主题

• 主色调: #e8744f
• 背景色: #fff8f5
• 文字色: #3d2520
• 特点: 温暖活力，提升专注

深色主题（深绿）

• 主色调: #6bc299
• 背景色: #1a1f1c
• 文字色: #e8f5ef
• 特点: 护眼舒适，适合夜间

点击侧边栏右上角的主题图标循环切换。

⌨️ 快捷键

快捷键	功能
Ctrl+Shift+S	打开/关闭侧边栏
Enter	发送消息（对话模式）
Shift+Enter	换行（对话模式）
Esc	关闭侧边栏

🔍 常见问题

Q: 无法提取网页内容？

A: 可能的原因：

1. 页面未完全加载 - 等待页面加载完成后重试
2. 动态加载内容 - 滚动到底部加载完所有内容
3. 特殊页面结构 - 某些SPA应用可能需要特殊处理

查看控制台日志了解详情：

[AI速读] 提取到的内容长度: 0 字

Q: API调用失败？

A: 检查以下项：

1. API Key 是否正确
2. API 地址是否正确
3. 账户余额是否充足
4. 网络连接是否正常

Q: 总结质量不理想？

A: 可以尝试：

1. 修改总结提示词，添加更具体的要求
2. 确保网页内容已完整提取
3. 尝试不同的AI模型

Q: 如何使用其他AI服务？

A: 只要API兼容OpenAI格式即可：

• 修改API地址
• 填入对应的API Key
• 选择合适的模型名称

支持的服务：

• DeepSeek
• OpenAI
• Claude (通过代理)
• 国内各大模型厂商的API

Q: 表格显示不正常？

A: 确保：

1. 网页内容包含标准的Markdown表格格式
2. 表格语法正确（使用 | 分隔列）
3. 刷新页面重新加载样式

Q: 主题切换后样式异常？

A: 尝试：

1. 刷新页面
2. 清除浏览器缓存
3. 重新安装脚本

💡 使用技巧

提高总结质量

1. 优化提示词

   • 在设置中自定义总结提示词
   • 添加具体要求（如：列出3个要点）
   • 指定输出格式（如：使用表格）

2. 分段总结

   • 对于超长文章，可以分段复制内容
   • 在对话模式下逐段提问

3. 追问技巧

   • 使用"详细解释..."获取深度分析
   • 使用"列举..."获取结构化信息
   • 使用"对比..."进行横向比较

提升使用体验

1. 快捷键操作

   • 熟练使用 Ctrl+Shift+S 快速打开
   • 使用 Esc 快速关闭

2. 主题选择

   • 白天使用浅色或橙红主题
   • 夜间使用深色主题
   • 根据个人喜好调整

3. 侧边栏调整

   • 宽屏显示可以拉宽侧边栏
   • 小屏幕可以缩小侧边栏
   • 拖动悬浮按钮到舒适位置