news 2026/10/15 19:52:11

Page Assist 浏览器扩展安装配置完全指南

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Page Assist 浏览器扩展安装配置完全指南

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 模型来辅助网页浏览。通过智能的侧边栏对话和丰富的功能集成,这个工具可以显著提升你的工作效率和学习体验。🚀

项目概览

Page Assist 是一个基于 TypeScript 开发的开源浏览器扩展,主要功能包括:

  • 智能对话:与本地 AI 模型进行自然语言交互
  • 网页内容理解:分析当前页面内容并提供相关建议
  • 多语言支持:内置丰富的国际化语言资源
  • 知识库管理:支持文档处理和知识检索

环境准备

在开始安装之前,请确保你的系统已安装以下必要组件:

组件名称版本要求作用说明
Node.js16.0+JavaScript 运行时环境
Bun最新版项目构建和依赖管理
Chrome/Firefox最新版浏览器运行环境

详细安装步骤

1. 获取项目源代码

首先,你需要克隆项目仓库到本地:

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

2. 安装项目依赖

使用 Bun 包管理器安装所有必要的依赖:

bun install

3. 构建扩展程序

根据你的目标浏览器选择相应的构建命令:

Chrome 版本构建:

bun run build

Firefox 版本构建:

bun run build:firefox

构建完成后,你会在项目根目录看到生成的build文件夹,其中包含了完整的扩展文件。

4. 加载扩展到浏览器

Chrome 浏览器加载步骤:
  1. 打开chrome://extensions/
  2. 启用右上角的"开发者模式"
  3. 点击"加载已解压的扩展程序"
  4. 选择项目中的build目录
Firefox 浏览器加载步骤:
  1. 打开about:debugging
  2. 点击"此 Firefox"
  3. 点击"临时载入附加组件"
  4. 选择build/manifest.json文件

5. 配置 AI 模型

Page Assist 支持多种 AI 模型提供者:

  • Ollama:本地运行的模型
  • OpenAI API:兼容的云端服务
  • LM Studio:桌面端模型管理
  • llamafile:单文件模型部署

你可以在扩展设置中选择和配置你偏好的模型提供者。

核心功能使用指南

侧边栏对话功能

通过右键菜单或快捷键Ctrl+Shift+P打开侧边栏,与 AI 助手进行对话。这个功能特别适合:

  • 内容总结:快速理解长篇文章
  • 代码分析:获取编程问题的解决方案
  • 学习辅助:解答复杂概念和知识点

Web UI 界面

点击扩展图标打开新的标签页,进入功能丰富的 Web UI 界面。这里提供了更完整的交互体验,包括:

  • 对话历史管理
  • 知识库文档处理
  • 模型设置配置

开发模式运行

如果你想要进行自定义开发或调试,可以使用开发模式:

bun dev

这个命令会启动开发服务器,并自动监视文件变化,方便你实时测试修改效果。

常见问题解决

扩展无法加载?

  • 检查build目录结构是否完整
  • 确保浏览器开发者模式已启用

AI 模型连接失败?

  • 确认模型提供者服务正在运行
  • 检查网络连接和 API 配置

总结

通过以上步骤,你已经成功安装并配置了 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辅助生成(AIGC),仅供参考

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

Voice Sculptor语音合成指南:18种预设风格一键生成,中文合成新体验

Voice Sculptor语音合成指南:18种预设风格一键生成,中文合成新体验 1. 引言 1.1 技术背景与行业痛点 传统语音合成系统长期面临声音单一、缺乏表现力的问题。尽管TTS(Text-to-Speech)技术已取得显著进展,但大多数商…

作者头像 李华
网站建设 2026/10/15 17:43:48

Tiny11Builder终极指南:一键打造轻量Windows 11系统

Tiny11Builder终极指南:一键打造轻量Windows 11系统 【免费下载链接】tiny11builder Scripts to build a trimmed-down Windows 11 image. 项目地址: https://gitcode.com/GitHub_Trending/ti/tiny11builder 还在为Windows 11的臃肿运行速度而烦恼吗&#xf…

作者头像 李华
网站建设 2026/10/10 23:50:55

Qwen3-VL-8B避坑指南:单卡24G轻松跑通多模态任务

Qwen3-VL-8B避坑指南:单卡24G轻松跑通多模态任务 在边缘计算与本地化AI部署需求日益增长的当下,如何以较低硬件成本运行高性能多模态模型成为开发者关注的核心问题。尤其是在数据隐私敏感、响应延迟要求高的场景中——如智能客服图文理解、工业质检图像…

作者头像 李华
网站建设 2026/10/15 7:20:08

JavaScript 核心 —— 彻底搞懂 Window 对象与 BOM 家族

很多同学 DOM 玩得很溜,但一到 BOM 就有点懵。其实日常开发中我们大量用到的功能(跳转页面、获取浏览器信息、倒计时、前进后退、获取 URL 参数……)几乎都来自 BOM。 搞清楚一个最核心的概念:window 到底是谁? // 这…

作者头像 李华
网站建设 2026/10/10 23:50:09

RPCS3模拟器完整配置指南:快速实现PS3游戏PC端完美运行

RPCS3模拟器完整配置指南:快速实现PS3游戏PC端完美运行 【免费下载链接】rpcs3 PS3 emulator/debugger 项目地址: https://gitcode.com/GitHub_Trending/rp/rpcs3 还在为无法在电脑上重温PS3经典游戏而困扰吗?作为全球首款免费开源的PlayStation …

作者头像 李华
网站建设 2026/10/14 10:26:12

接口性能优化实战:5大策略+落地案例

在后端开发中,接口性能直接决定系统的用户体验与承载能力。当接口出现响应延迟、吞吐量不足等问题时,需针对性采取优化策略。本文结合实际工作场景,拆解5种高频接口优化方案,每种策略配套可直接复用的案例,帮助开发者快…

作者头像 李华