Page Pilot - 把网页正文送进侧栏 AI

Page Pilot - 把网页正文送进侧栏 AI

Page Pilot

一个把网页阅读和 AI 总结接到一起的 Chrome 扩展。

它解决的问题很具体:读到一篇长文章时,我希望 AI 帮忙整理重点,但不想先复制正文、切换标签页、粘贴内容,再补一句“请总结这篇文章”。Page Pilot 把这串操作收进浏览器侧栏里。右键选择“总结页面”后,它会提取当前页面的主体内容,整理成文本附件,再发送给已经登录的 Kimi、DeepSeek 或 Gemini 网页会话。如果你还有后续想要了解的内容,可以继续与 AI 对话探讨。

Page Pilot 在 Chrome 侧栏中使用 Gemini 总结网页

一次右键完成的流程

Page Pilot 的使用方式如下:

  1. 在想要阅读的网页上点击右键,选择“总结页面”
  2. 扩展自动并打开 AI 聊天侧栏,将提取标题、URL 和正文发送到 AI 聊天

我觉得侧栏是这个工具最合适的位置。总结的结果不会盖住原文,也不用跳到另一个标签页。左边继续保留文章上下文,右边可以追问、对照和继续聊,整个阅读过程不会被打断。

不是简单地复制整个页面

网页里经常混着导航、推荐阅读、评论、页脚和广告。直接把整页文本交给 AI,不仅浪费上下文,也会让总结掺进大量无关信息。

Page Pilot 使用 Mozilla Readability 识别文章主体,再通过 Turndown 把内容转换成 Markdown。标题、原始 URL 和正文会被组织成一个文本附件,用户也可以在侧栏里查看实际提取了什么。

一些使用 Web Components 的网站可能无法被常规正文转换完整读取。遇到这类页面时,扩展会回退到语义主容器中的可见文本,保证页面总结的流程可用。

不需要 API Key

Page Pilot 不要求用户提供模型 API Key、也无需额外注册。

它复用的是浏览器里已经登录的 AI 网页会话。当前支持:

  • Kimi
  • DeepSeek
  • Gemini

这些都是免费的,可以在侧栏中切换服务,也可以继续使用当前会话追问。这种方式很适合个人阅读工具:安装后选择自己平时使用的服务,不需要再搭一层后端代理。

不过,“不需要 API Key”不等于“内容完全不离开电脑”。Page Pilot 在本地提取网页正文,但在用户触发总结后,标题、URL、正文和提示词会发送给所选的第三方 AI 服务,并受对应服务的隐私政策约束。

可以控制 AI 怎么总结

默认提示词会要求 AI 提炼重点并给出可以继续追问的问题,而不是机械复述整篇文章。

用户也可以修改提示词,把它变成适合自己的阅读助手。比如可以总结技术文章的核心方案和设计思路,从产品文章里提取用户问题和设计决策。

提示词会保存在 Chrome 同步存储中;待发送的页面内容和会话状态则使用会话级存储。界面目前支持英语、简体中文、日语和韩语。

隐私与兼容性边界

扩展只在用户主动点击“总结页面”后读取当前页面,不会持续收集浏览历史。

为了把 AI 网页放进 Chrome 侧栏,项目需要处理不同服务的页面兼容性。其中 DeepSeek 和 Gemini 的嵌入需要移除部分防嵌入响应头。这是一项安全敏感的兼容措施,仓库也明确建议开发版用户在安装前审阅源码。

另外,Page Pilot 依赖第三方 AI 服务的网页结构。只要这些网站改版,自动填入附件或发送消息的逻辑就可能需要跟着调整。它更像一个正在快速验证交互方式的扩展原型,而不是可以长期不维护的集成。

技术栈

项目保持了比较轻的结构:

  • 扩展规范:Chrome Manifest V3
  • 主要语言:原生 JavaScript
  • 正文提取:Mozilla Readability
  • Markdown 转换:Turndown
  • 构建:esbuild
  • 测试:Node.js 原生测试
  • 数据存储:chrome.storage.session 与 Chrome 同步存储

后台脚本负责右键菜单、正文提取、侧栏状态和服务调度;针对 Kimi、DeepSeek、Gemini 的内容脚本分别适配各自网页中的附件上传、提示词填入和消息发送。

适合场景

我觉得它适合这些场景:

  • 阅读篇幅很长的报道、博客和 Newsletter
  • 快速了解技术文档或产品文章的重点
  • 在原文旁边持续追问,而不是只生成一次摘要
  • 已经在使用 Kimi、DeepSeek 或 Gemini,但不想额外申请 API Key
  • 希望在发送给 AI 前查看扩展实际提取了哪些内容

对于登录页、付费内容或包含私人信息的页面,仍然应该先确认提取内容和所选服务是否合适,再决定是否发送。

安装

项目目前没有 GitHub Release 或 Chrome Web Store 安装链接,需要从源码构建并通过开发者模式加载:

npm install
npm run build
npm run check

然后打开 chrome://extensions,启用开发者模式,选择“加载已解压的扩展程序”,加载项目生成的 dist 目录。

链接

View project link