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
读长文、翻外文、看代码,想问 AI 就得切窗口、贴内容,来回折腾还担心隐私?Page Assist 是个开源浏览器扩展,把本地大模型变成网页侧边栏助手:它在你电脑上装好一个本地 AI 浏览器侧边栏,任何网页按快捷键就能调出对话,提问内容不出你的机器。这篇文章带你从安装到排错一次讲清,目标十分钟跑通。
装好 Page Assist:商店与源码两条路线
商店一键装,最省心
在 Chrome、Edge、Brave 的应用商店或 Firefox 附加组件商店搜 "Page Assist",直接点安装。这条路适合只想体验的你,装完即可进下一步。
源码编译装,适合想尝鲜最新版的
先装好 Bun(一个包管理器,作用类似 npm),然后依次执行:
git clone https://gitcode.com/GitHub_Trending/pa/page-assist cd page-assist bun install bun run build编译产物在 build 目录里。Chrome 系浏览器打开chrome://extensions,打开"开发者模式",点"加载已解压的扩展程序",选 build 目录;Firefox 则在扩展页点"加载临时附加组件",选 build 里的 manifest.json(扩展的入口描述文件)。
首次配置:连上 Ollama,设好快捷键
打开侧边栏只需要两件事。
连模型。装好 Ollama(在本地跑大模型的常用服务)后,拉一个模型:
ollama pull llama3在 Page Assist 的模型设置里选 Ollama 作为提供方,模型选 llama3 即可。
设快捷键。默认打开侧边栏的键是 Ctrl+Shift+Y;嫌别扭就去浏览器扩展管理页改,建议用 Ctrl+Shift+字母 的组合,不容易和网页快捷键打架。
其余配置项平时很少动,参考这张小表:
| 配置项 | 默认值 | 说明 |
|---|---|---|
| 侧边栏位置 | 右侧 | 可改到左侧 |
| 上下文长度 | 模型默认 | 按你的显存调 |
| 对话历史 | 全部保存 | 存在本地浏览器存储里 |
| 自动 AI 标题 | 开 | 每段对话自动起名 |
装好、连上、键位舒服了,就算跑通了。
四个场景,感受侧边栏网页助手
长文提炼要点
打开一篇长文或技术博客,按快捷键呼出侧边栏,在输入框写"用三句话总结这篇文章"。发出去后,本地模型会基于页面内容给出要点,你扫一眼就能判断值不值得细读。
选中外文即时翻译
选中文页里的一段外文,右键会看到 Page Assist 的菜单,点"翻译",侧边栏随即给出译文。内置的还有摘要、改写、解释几个动作,够日常用。
对照代码页面提问
停在文档站或代码示例页,按 Ctrl+Shift+L 打开独立聊天界面(叫 Web UI,类似 ChatGPT 的网页窗口),问"这个参数的作用是什么"。模型结合页面上下文回答,你不用复制粘贴。
上传 PDF 做摘要
在聊天输入框把 PDF 拖进去,问"这份手册讲了什么"。文本、PDF、Word 都能丢进去,本地模型读完再回你,文件不经过任何第三方。
进阶玩法:多模型、对话管理与隐私
- 多模型切换:Ollama、LM Studio、llamafile 这类本地方案都行,OpenAI 兼容接口也能接。在模型设置里添加,聊天时随时切。
- 对话管理:历史存在本地,左侧列表可搜索、删除;Ctrl+Shift+O 开新对话,Shift+Esc 直接跳回输入框。
- 上下文控制:按 Ctrl+E 在普通聊天和"结合当前网页"模式间切换,问页面细节时别忘切过去。
- 隐私开关:所有数据都在浏览器本地存储;唯一会联网的是"分享对话"功能,不用就去设置里关掉。
排错速查:现象、原因与解决办法
| 现象 | 可能原因 | 解决办法 |
|---|---|---|
| 编译或加载失败 | 依赖没装全,或选错了目录 | 确认执行了 bun install;加载时选 build 目录,Firefox 选里面的 manifest.json |
| 快捷键没反应 | 被网页或别的扩展占用 | 去浏览器扩展快捷键页改成 Ctrl+Shift+字母 组合 |
| 模型连不上 | Ollama 没启动,或地址端口不对 | 先跑下面这条命令,能看到模型列表才算通 |
curl http://localhost:11434/api/tags源码入口:三处目录先看懂
- src/models/:各家本地与云端模型的适配层,想接新模型看这里。
- src/services/:搜索、语音、网页操作等功能的服务实现。
- src/components/:侧边栏、聊天界面等 React 组件,改界面从这里入手。
想继续挖,再顺着 docs/ 翻设置和功能文档。
装好之后,今晚就挑一篇正在读的长文,让侧边栏替你划重点。 跑通第一次提问,才算真正上手。
【免费下载链接】page-assistUse your locally running AI models to assist you in your web browsing项目地址: https://gitcode.com/GitHub_Trending/pa/page-assist
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考