企业官网建设流程全解析

Page Assist 完整指南：用本地 AI 模型在浏览器里对话、查资料、操作网页

【免费下载链接】page-assistUse your locally running AI models to assist you in your web browsing项目地址: https://gitcode.com/GitHub_Trending/pa/page-assist

Page Assist 是一个免费开源的浏览器扩展，核心作用是把跑在你自己电脑上的本地 AI 模型接到浏览器里：在任意网页旁边打开侧边栏对话、针对当前页面提问、联网搜索、挂本地知识库，甚至让模型替你点鼠标、填表单。所有对话、历史和设置都只存在你的浏览器本地，模型推理也发生在本地，数据不经过第三方服务器。

为什么你需要一个"不出门"的 AI 助手

你有没有过这样的瞬间：读到一篇长文章想让它帮你提炼重点，却要先复制文字、切到聊天网站、再贴进去，来回折腾。又或者你希望 AI 帮你看看这一页讲了什么，又不放心把整页内容丢给云端。

Page Assist 把这些步骤压到最少：

• 划词即用：选中任意一段文字，右键就能触发"总结、改写、翻译、解释"等动作，不用离开当前页面。
• 网页直聊：开启"与网页对话"后，模型会读取当前页面内容再回答，相当于给这个页面配了一个随身的解说员。
• 数据留在本机：对话记录存在浏览器本地存储里，默认不上传、不联网，隐私边界由你掌控。

对经常处理资料、又不想把页面内容交给云端的你来说，它把"AI 辅助浏览"这件事做得更顺、也更安心。

它到底能替你做什么

Page Assist 不是单一功能的插件，而是一组可以按需开关的能力。下面这几项是它的主要看点。

侧边栏：把 AI 挂到每个网页旁边

在任何网页上都能唤出一个侧边栏（默认快捷键Ctrl+Shift+Y），像聊天窗口一样和模型对话。想要一个更完整的聊天界面时，点击扩展图标或按Ctrl+Shift+L打开独立的 Web UI 标签页，体验接近一个本地版 ChatGPT 网页。

和当前网页"对线"：聊天、视觉、划词

围绕"当前这个页面"，它给了你三种深度不同的读法：

• 与网页对话：读取页面正文后回答你的问题，支持走向量检索（RAG）或直接把内容塞给模型。
• 视觉模式：如果你用的是带视觉能力的模型，它能把页面"截图给模型看"；纯文本模型则可用内置 OCR 从画面里粗略提取文字。
• 划词 Copilot：内置"总结 / 改写 / 翻译 / 解释"等提示，还能自定义任意多个划词动作，比如"改写得更专业""检查语法"。

联网搜索 + 本地知识库

• 联网搜索：侧边栏和 Web UI 都内置了类似 ChatGPT 联网的开关，支持 Google、Bing、Brave、DuckDuckGo、SearXNG 等十多种引擎，还能让模型访问你给的网址并把正文喂给模型。
• 本地知识库：上传 PDF、Docx、TXT、CSV、MD 文件，配合嵌入模型（官方推荐nomic-embed-text）即可针对自己的资料提问。注意：这块没有服务端存储，数据全部落在浏览器本地，文件过大时可能影响性能。

让模型动手：MCP 与页面操作

• MCP：可连接支持 HTTP/SSE 的 MCP 服务器，让模型调用搜索、数据库等外部工具，还能对每个工具设置"直接放行 / 需人工确认 / 禁用"，避免模型误操作。
• 页面操作（Page Action）：这是一个可选的配套扩展，装好后模型能在当前标签页点击、输入、滚动、填表、截图。因为它需要较强的debugger权限，所以单独拆出来，只有真正想用它的人才需要授权，核心插件保持轻量、权限更少。

技术上它做对了什么

• 本地优先的数据流：模型推理、向量存储、聊天记录都在本地完成（用 Dexie/IndexedDB 做存储），只有"分享"功能在你主动开启时才会联网，且可关闭。
• 可插拔的模型接入层：Ollama、Chrome 内置的 Gemini Nano、LM Studio、llamafile 以及任何 OpenAI 兼容端点都能接，按任务挑最合适的模型。
• 权限克制：核心插件只申请对话、读取页面、本地存储等必要权限；更重的自动化能力被隔离到独立扩展里，安全边界更清晰。

3 分钟装起来

环境准备

先确认本地能跑一个 AI 服务：

# 检查本地 AI 服务是否就绪（以 Ollama 为例） ollama --version && ollama list

如果你用的是 LM Studio、llamafile 或别的 OpenAI 兼容端点，只要服务在运行、能拿到地址即可。构建扩展还需要 Node.js（项目用 Bun，npm也兼容）。

安装与加载

1. 获取源码并安装依赖：

git clone https://gitcode.com/GitHub_Trending/pa/page-assist cd page-assist bun install

2. 构建（默认一次生成 Chrome、Edge、Firefox 三个版本）：

bun run build

3. 把构建产物加载进浏览器：
   • Chrome / Edge：打开chrome://extensions，开启"开发者模式"，点"加载已解压的扩展程序"，选择build目录。
   • Firefox：打开about:addons→ 扩展 → "临时载入扩展"，选中build目录下的manifest.json。

装好后，在任意网页按Ctrl+Shift+Y打开侧边栏，选一个模型就能开聊了。浏览器支持情况如下：

用不起来？先查这几个

多数问题都出在"扩展连不上本地模型"这一步，尤其是跨域（CORS）导致的403报错。

细节可参考 连接问题文档 与 扩展冲突说明。

想一起把它做得更好

Page Assist 采用MIT 协议开源，目前由核心维护者与社区贡献者共同推进，已落地 Firefox 支持和更多本地模型接入，还在路线图上的有"更多自定义选项"和"更好的界面体验"。

参与方式很直接：

• 报问题 / 提需求：遇到 bug 或想要新功能，直接建一个 issue 描述清楚即可。
• 读代码：聊天各模式在 src/hooks/chat-modes/，知识库在 src/components/Option/Knowledge/，本地向量库在 src/libs/PageAssistVectorStore.ts。
• 完善文档：功能与教程集中在 docs/，补一份清晰的说明同样是很有价值的贡献。

结语

Page Assist 做的事情其实很朴素：把你信任的本地 AI，安到你每天浏览网页的地方。隐私你自己握在手里，能力随模型一起扩展。如果它恰好解决了你"复制—切换—粘贴"的那点麻烦，就把它装进浏览器，从下一次划词开始用起来。

【免费下载链接】page-assistUse your locally running AI models to assist you in your web browsing项目地址: https://gitcode.com/GitHub_Trending/pa/page-assist