news 2026/9/20 13:39:27

Page Assist:本地 AI 浏览器侧边栏上手指南,十分钟让网页助手跑起来

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Page Assist:本地 AI 浏览器侧边栏上手指南,十分钟让网页助手跑起来

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),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/20 13:39:22

VLSI设计基础复习全攻略:核心考点、经典题型与备考避坑指南

简介:这份VLSI设计基础复习资料面向微电子、集成电路及相关专业学生,适用于期末备考、考研复试和入职前知识梳理。内容以问答形式系统梳理CMOS工艺成为主流的原因、MOS器件与BJT的工作原理区别、硅栅工艺的优势、阈值电压影响因素、萨式方程、衬底偏置效…

作者头像 李华
网站建设 2026/9/20 13:37:42

Roc 语言 `List.ends_with` 空后缀语义与 REPL 快照测试解析

【免费下载链接】roc A fast, friendly, functional language. 项目地址: https://gitcode.com/GitHub_Trending/ro/roc 点击查看 免费下载 导读 本文以仓库中的 REPL 快照测试 list_ends_with_empty_suffix.md 为切入点,深入剖析 Roc 标准库中 List.e…

作者头像 李华
网站建设 2026/9/20 13:36:02

Cesium+Vue通视分析实战:视线采样、Turf裁剪与性能优化

简介:本资源是一套基于Cesium三维地理引擎与Vue框架实现的通视分析(Viewshed Analysis)完整功能Demo,面向GIS开发初学者、Web前端开发者及空间分析爱好者,解决地形可视域计算与可视化表达这一典型三维空间分析需求。压…

作者头像 李华
网站建设 2026/9/20 13:35:19

39个前端精美后台模板:选型思路与避坑实践

后台管理系统的开发,几乎是每位前端工程师都绕不开的活儿。无论是写企业级的运营中台、给客户做个数据看板,还是自己接外包项目,总会碰到“需要一个界面干净、功能顺手、能快速交付”的后台。网上打着“后台模板”旗号的东西不少,…

作者头像 李华
网站建设 2026/9/20 13:31:03

电视直播程序源码深度拆解:播放内核与直播源管理实战指南

简介:这是一套面向网站开发学习者与技术人员的电视直播程序源代码,基于 ASP 动态页面与 Access 数据库构建,适合需要快速搭建网络电视直播站点、研究直播列表管理与播放器集成的开发者参考。压缩包共 76 个文件,大小仅 493KB&…

作者头像 李华