如何快速装好 Page Assist本地 AI 浏览助手完整指南【免费下载链接】page-assistUse your locally running AI models to assist you in your web browsing项目地址: https://gitcode.com/GitHub_Trending/pa/page-assistPage Assist 是一个开源浏览器扩展装上它之后你可以用自己电脑上跑的 AI 模型比如 Ollama 里的模型随手回答网页内容的问题不用把内容复制粘贴到别的聊天工具里。本文带你完成 Page Assist 安装、构建和首次配置全程大约 10 分钟。一分钟看懂 Page AssistPage Assist 的目标很单纯让你在任何网页旁边都能对话而对话由你本地运行的模型完成。它提供两个入口——跟随网页的侧边栏以及一个类似 ChatGPT 网站的全功能 Web UI两者共享同一套模型配置。核心技术速览项目说明主要语言TypeScriptJavaScript 类型检查代码更不容易出错构建工具Bun现代 JS 运行时装依赖和构建都比传统工具更快扩展框架WXT基于 Vite 的浏览器扩展开发框架Chrome/Firefox 一套代码AI 接入Ollama本地模型运行器、OpenAI 兼容端点LM Studio、llamafile 等、Chrome AI界面样式Tailwind CSS PostCSS原子化 CSS 框架和 CSS 处理工具简单说你负责让模型跑起来Ollama 或 LM StudioPage Assist 负责把它嵌进浏览器里。环境自检清单动手前先备齐 4 样东西 开始 Page Assist 安装前花一分钟确认下面这几项能避免大部分装一半报错的情况一个浏览器——Chrome、Edge、Brave 等 Chromium 系或 Firefox二选一即可都想要也没问题。Bun——负责装依赖和构建。如果装 Bun 遇到麻烦用 npm 替代也可以只是命令要相应替换。本地 AI 运行环境——推荐 Ollama开源的本地模型运行器一条命令即可拉模型或者 LM Studio / llamafile 这类提供 OpenAI 兼容接口的工具。注意一下这一步只是备齐扩展加载后还需要在设置里填写连接信息。Git——用于拉取代码仓库。验证方法很简单在终端分别执行bun --version和ollama --version能输出版本号就说明就绪了。三步完成构建克隆、装依赖、打包接下来进入核心操作。三步全部在终端里完成工作目录切进项目根目录即可。第 1 步拉取代码执行下面的命令把仓库克隆到本地git clone https://gitcode.com/GitHub_Trending/pa/page-assist cd page-assist第 2 步安装依赖在page-assist目录内执行Bun 会按 lock 文件装好所有前端依赖bun install第 3 步构建扩展一条命令会为 Chrome、Edge 和 Firefox 同时产出构建结果文件放在根目录的build文件夹里bun run build注意一下如果你只给 Firefox 用可以单独跑bun run build:firefox省时间。构建成功的标志是build目录里出现了各浏览器的扩展产物包含manifest.json的目录下一步就要用到它。加载到浏览器Chrome 与 Firefox 两种打开方式 构建只是造好零件还要把扩展装进浏览器才生效。两种方式差别不大但细节不同按你用的浏览器对照操作。Chrome及 Edge、Brave 等 Chromium 系地址栏输入chrome://extensions回车进入扩展管理页打开页面右上角的开发者模式开关点击加载已解压的扩展程序选择项目里的build目录对应你浏览器的那个产物目录。Firefox地址栏输入about:addons进入附加组件管理页在扩展选项卡中找到管理您的扩展选择加载临时附加组件指向build目录中的manifest.json文件。验证浏览器工具栏出现 Page Assist 图标即加载成功。再提醒一句Firefox 的临时附加组件在重启后可能需要重新加载长期使用的读者可以留意官方渠道的正式签名版本。上手使用侧边栏、Web UI 与开发模式扩展装好后Page Assist 给你两个主要入口按需切换即可。侧边栏网页边的随身助手在任意网页上右键选择Open Page Assist Sidebar或直接按默认快捷键CtrlShiftY侧边栏就会贴着当前页面打开。它最实用的场景是聊网页不用复制正文直接问这篇文章讲了什么模型会基于当前页面内容回答。Web UI完整聊天界面点击工具栏上的 Page Assist 图标或按CtrlShiftL会在新标签页打开类似 ChatGPT 的完整界面可以管理模型、知识库和各类设置。首次使用建议从这里进在设置页填写 Ollama 的地址或 OpenAI 兼容端点的 URL选一个模型发一条测试消息能收到回复就说明本地 AI 浏览器扩展配置打通了。两个快捷键都可以在浏览器扩展管理页的快捷键设置里改成你顺手的组合更多细节见 快捷键说明。开发模式改完即见效果如果你打算改代码用热更新的开发服务器比反复构建省心得多bun dev它会启动监视进程保存文件后自动重建浏览器里加载同一份构建产物即可看到变化。Firefox 对应命令是bun dev:firefox。装完之后三个值得立刻做的事接上你的模型——打开 Web UI 设置配置 Ollama 或 LM Studio 端点跑通第一条消息。接入细节参考 Ollama 接入文档。试一次聊网页——找一篇长文用侧边栏的 Chat with Website 模式让它总结感受本地模型和网页联动的实际体验。按口味调设置——界面语言、侧边栏左右位置、主题深浅都在 官方文档 有逐项说明建议先花两分钟把语言切到中文后面会舒服很多。Page Assist 的所有对话数据默认只存在你自己的浏览器本地存储里不担心网页内容被上传到某个云端服务——这一点可以放心在敏感页面上使用它。【免费下载链接】page-assistUse your locally running AI models to assist you in your web browsing项目地址: https://gitcode.com/GitHub_Trending/pa/page-assist创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考