网页AI助手

Microsoft Edge 浏览器扩展，提取网页内容并通过 AI API 进行分析，支持侧边栏和悬浮窗两种交互模式。

功能

功能	说明
正文提取	基于语义标签 + 文本密度算法提取网页正文，支持深度滚动懒加载
屏幕 OCR	截取可见区域，通过本地 PaddleOCR PP-OCRv5 ONNX 模型离线识别文字
AI 分析	将提取内容发送至兼容 OpenAI 接口的 AI 服务（DeepSeek 等）进行分析
阅读模式	三层防护（declarativeNetRequest + CSP 注入 + MutationObserver）清除页面干扰
悬浮窗	将侧边栏切换为页面内拖拽悬浮窗，不依赖浏览器侧边栏
侧边栏适配	自动为页面添加右侧边距，避免内容被侧边栏遮挡
自动分析	定时轮询检测页面内容变化，自动触发 AI 分析

安装

1. 下载 edge-ai-reader-x.x.x.zip
2. 解压到本地目录
3. 打开 Edge 浏览器，进入 edge://extensions/
4. 开启「开发人员模式」
5. 点击「加载解压缩的扩展」，选择解压后的目录

配置

点击侧边栏右上角齿轮图标进入设置：

• API 端点：兼容 OpenAI 接口格式，默认 https://api.deepseek.com/chat/completions
• API Key：你的 API 密钥
• 模型名称：如 deepseek-chat、gpt-4o 等
• 系统提示词：自定义 AI 行为指令

技术架构

扩展程序
├── manifest.json          # Manifest V3 配置
├── background.js          # Service Worker（消息路由、图片代理）
├── content.js             # 内容脚本（DOM 提取、阅读模式、悬浮窗）
├── sidepanel/             # 侧边栏面板
│   ├── sidepanel.html
│   ├── sidepanel.css
│   └── sidepanel.js       # 主逻辑（API 调用、Markdown 渲染、OCR 调度）
├── ocr/                   # 本地 OCR 引擎
│   ├── sandbox.html       # 沙盒页面
│   ├── sandbox.js         # 沙盒消息处理
│   ├── paddle-ocr.js      # PaddleOCR ONNX 推理管线
│   ├── ort.wasm.min.js    # ONNX Runtime Web
│   ├── det.onnx           # DB 文本检测模型
│   ├── rec.onnx           # CRNN 文本识别模型
│   └── keys.txt           # 字符字典
├── rules/
│   └── reader_rules.json  # 阅读模式网络拦截规则
├── options/               # 设置页面
├── floating.css           # 悬浮窗样式
└── icons/                 # 扩展图标

OCR 管线（参考 ChineseOCR_Lite）

截图 → 缩放(1024px) → CLAHE 对比度增强 → 边缘填充(12px)
     → DBNet 检测(boxScore≥0.3) → unClipRatio 膨胀(1.5x)
     → CRNN 识别(48px) → CTC 解码 → 空间排布还原

开发

# 克隆仓库
git clone https://github.com/11hyy/edge-ai-.git
cd edge-ai-.git

# 直接加载到 Edge 浏览器开发模式即可

许可

MIT License