news 2026/6/24 13:59:17

如何在浏览器中免费使用本地AI模型:Page Assist完整指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
如何在浏览器中免费使用本地AI模型:Page Assist完整指南

如何在浏览器中免费使用本地AI模型:Page Assist完整指南

【免费下载链接】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助手体验,所有数据都存储在本地,确保您的隐私安全。

🚀 项目概览:为什么选择Page Assist?

Page Assist的主要优势在于它将强大的本地AI模型直接集成到您的浏览器工作流中。无论是需要总结网页内容、分析文档,还是与AI进行深度对话,您都可以在不离开当前页面的情况下完成。

核心功能亮点:

  • 侧边栏聊天:在任何网页右侧打开AI助手,实时对话
  • 网页内容分析:AI可以直接读取并分析当前页面内容
  • 本地模型支持:兼容Ollama、LM Studio等本地AI模型
  • 多浏览器支持:Chrome、Firefox、Brave、Edge等主流浏览器
  • 完全隐私保护:所有对话和数据都存储在本地设备

📦 三步安装配置指南

第一步:安装必备依赖

在开始使用Page Assist之前,您需要准备以下基础环境:

  1. 安装Bun运行时- 这是项目的构建工具
  2. 安装Ollama- 推荐的本机AI模型运行环境
  3. 准备AI模型- 下载您喜欢的LLM模型(如Llama 3.1、Mistral等)

第二步:获取项目代码

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

第三步:构建并加载扩展

bun run build

构建完成后,按照以下步骤在浏览器中加载扩展:

  1. 打开浏览器扩展管理页面(Chrome:chrome://extensions/
  2. 启用"开发者模式"
  3. 点击"加载已解压的扩展程序"
  4. 选择项目中的build目录

🎯 实用功能深度解析

智能网页对话功能

Page Assist最强大的功能之一是"与网页对话"。当您开启此功能时,AI助手能够:

  • 实时分析页面内容:自动读取当前网页的文本信息
  • 智能问答:针对页面内容提出具体问题并获得准确回答
  • 内容总结:快速提取文章要点和关键信息
  • 多语言支持:支持多种语言的网页内容分析

网络搜索集成

通过内置的搜索功能,您可以:

  • 连接多种搜索引擎:Google、DuckDuckGo、Bing等
  • 深度搜索模式:获取更详细和准确的搜索结果
  • 搜索结果整合:AI会自动分析搜索结果并提供综合回答

页面操作能力(Page Action)

Page Action是Page Assist的配套扩展,提供更强大的自动化功能:

  • 表单自动填写:智能识别并填充网页表单
  • 页面元素操作:点击按钮、导航链接等
  • 数据提取:从网页中提取结构化信息
  • 安全隔离:作为独立扩展,确保核心功能的安全性

⚙️ 个性化配置技巧

键盘快捷键优化

Page Assist提供了丰富的快捷键配置,提升工作效率:

操作默认快捷键自定义建议
打开侧边栏Ctrl+Shift+Y根据个人习惯调整
打开Web UICtrl+Shift+L避免与其他应用冲突
新建对话Ctrl+Shift+O设置易记忆的组合
切换聊天模式Ctrl+E根据使用频率调整

模型连接配置

在src/models/目录中,您可以找到各种AI模型的连接配置:

  1. Ollama配置:支持本地运行的Ollama模型
  2. Chrome AI集成:直接使用Chrome内置的Gemini Nano
  3. OpenAI兼容端点:连接LM Studio、llamafile等

语言和界面定制

项目支持多语言界面,您可以在src/assets/locale/目录中找到各种语言的翻译文件,包括中文、英文、日文、韩文等。

🔧 常见问题解决方案

扩展加载失败

问题现象:浏览器提示"无法加载扩展"

解决方案

  1. 确认已启用开发者模式
  2. 检查manifest.json文件格式是否正确
  3. 确保选择的build目录包含完整的扩展文件
  4. 重启浏览器后重试

AI模型连接问题

问题现象:无法连接到本地AI模型

排查步骤

  1. 确认Ollama服务正在运行:ollama --version
  2. 检查模型是否已下载:ollama list
  3. 验证端口设置是否正确
  4. 查看浏览器控制台错误信息

快捷键冲突处理

解决方案

  1. 打开浏览器扩展管理页面
  2. 找到Page Assist扩展
  3. 点击"键盘快捷键"选项
  4. 为冲突的功能设置新的快捷键组合

内存占用过高

优化建议

  1. 选择更适合您硬件的AI模型
  2. 调整模型参数和上下文长度
  3. 定期清理聊天历史记录
  4. 关闭不需要的浏览器标签页

🚀 进阶使用技巧

结合MCP服务器

Page Assist支持Model Context Protocol(MCP),您可以通过配置MCP服务器来扩展功能:

  1. 工具集成:连接各种外部工具和服务
  2. 数据源扩展:访问数据库、API等外部数据
  3. 自定义功能:根据需求添加特定功能模块

知识库功能

利用src/services/kb.ts中的知识库服务,您可以:

  1. 文档管理:上传和管理本地文档
  2. 智能检索:基于语义搜索相关文档
  3. 上下文增强:为AI对话提供背景信息

开发模式调试

如果您是开发者,可以使用开发模式进行调试:

bun dev

这将启动开发服务器,支持热重载功能,方便您进行功能开发和测试。

📊 浏览器兼容性参考

Page Assist在主流浏览器上的兼容性表现:

浏览器侧边栏网页对话Web UI
Chrome
Firefox
Brave
Edge
Vivaldi

🔒 隐私和安全保障

Page Assist在设计上充分考虑了用户隐私:

  • 本地数据处理:所有对话和网页内容都在本地处理
  • 无数据收集:不收集任何用户个人信息
  • 透明开源:完整源代码可供审查
  • 权限最小化:只请求必要的浏览器权限

💡 最佳实践建议

  1. 定期更新:关注项目更新,获取新功能和性能改进
  2. 模型选择:根据硬件配置选择合适的AI模型
  3. 备份配置:定期导出重要的配置和聊天记录
  4. 社区参与:加入项目社区,分享使用经验和反馈

🎉 开始您的AI助手之旅

Page Assist为普通用户和开发者都提供了强大的本地AI助手解决方案。通过简单的安装配置,您就可以在浏览器中获得私密、高效的AI助手体验。

无论您是希望提升工作效率的内容创作者,还是需要智能分析工具的开发者,Page Assist都能满足您的需求。立即开始使用,体验本地AI助手带来的便利和隐私保护!

官方配置文档:docs/
核心功能源码:src/features/

【免费下载链接】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/6/24 13:54:53

5步终极方案:将闲置电视盒子改造为专业Armbian服务器

5步终极方案:将闲置电视盒子改造为专业Armbian服务器 【免费下载链接】amlogic-s9xxx-armbian Supports running Armbian on Amlogic, Allwinner, and Rockchip devices. Support a311d, s922x, s905x3, s905x2, s912, s905d, s905x, s905w, s905, s905l, rk3588, r…

作者头像 李华
网站建设 2026/6/24 13:49:24

解密c4-draw.io:如何通过插件架构简化C4建模的技术实现

解密c4-draw.io:如何通过插件架构简化C4建模的技术实现 【免费下载链接】c4-draw.io C4 Modelling little bit easier 项目地址: https://gitcode.com/gh_mirrors/c4/c4-draw.io 从复杂到简单:C4架构建模的技术革命 在软件架构设计领域&#xff…

作者头像 李华
网站建设 2026/6/24 13:22:51

深度解析LiteLLM:如何构建企业级AI网关的统一请求处理架构

深度解析LiteLLM:如何构建企业级AI网关的统一请求处理架构 【免费下载链接】litellm Python SDK, Proxy Server (AI Gateway) to call 100 LLM APIs in OpenAI (or native) format, with cost tracking, guardrails, loadbalancing and logging. [Bedrock, Azure, O…

作者头像 李华