尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

网页侧边栏接上本地 AI 模型:Page Assist 免费快速上手完整指南

网页侧边栏接上本地 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读外文长文时打开网页侧边栏直接问 AI这段讲了什么。Page Assist 把本地 AI 模型接进每个网页模型跑在你自己的电脑上页面内容不出网。不复制、不切窗口侧边栏与 Web UI 双入口怎么用它最直接的价值是替你省掉选中文字、复制、切窗口、粘贴这一整套动作。读技术文章或外文资料时侧边栏里就能直接讨论当前页面——这段讲了什么帮我总结这段代码怎么理解当场得到答案。按下快捷键又能进入功能完整的 Web UI管理聊天、配置模型侧边栏与 Web UI 两个入口让 AI 助手始终待在你的浏览动线里。跑通本地 AI 模型最快配置方法源码、Bun、Ollama 三件套开始之前先备齐三样东西项目源码执行git clone https://gitcode.com/GitHub_Trending/pa/page-assist后文所有操作都基于这个项目目录。Bun项目的构建运行时。用bun --version验证能打印版本号即成功。缺了它扩展包根本构建不出来后面加载扩展无从谈起。Ollama本地模型的运行环境。用ollama --version验证并确认 Ollama 服务已启动。缺了它扩展装好也没有模型可聊第一次对话必然失败。把扩展装进 Chrome 的一键加载步骤开发者模式到 build 目录先打开扩展管理页 chrome://extensions/把右上角开发者模式开关打开——这个模式是让 Chrome 允许加载商店之外扩展包的前提。回到项目目录执行构建。所谓构建就是把源码编译成 Chrome 能识别的扩展包的过程要跑的是 package.json 脚本里的 build:chrome 一项。构建成功的标志是项目根目录下多出一个 build 目录——看到它这一步才算走对。最后回到扩展管理页点加载已解压的扩展程序选中 build 目录本身。加载成功后工具栏会出现 Page Assist 图标按下默认快捷键 CtrlShiftY网页右侧就能弹出侧边栏——看到这一现象说明前面每一步都对了。两个坑值得单独说最容易卡住的地方很多人默认选中整个项目根目录而 manifest.json扩展的身份证告诉 Chrome 这个扩展是什么、有什么权限在 build 目录里。选错就会看到清单文件缺失或不可读取一类的报错。若提示 manifest 存在 JSON 语法错误多半不是配置问题而是构建没跑完整——重跑一次构建脚本再重新加载即可。第一次对话从哪里发起默认快捷键与冲突换键自测法扩展提供两组默认组合键CtrlShiftY 打开侧边栏CtrlShiftL 打开 Web UI。你的第一次对话就从这里发起——打开任意网页按下组合键即可。按了没反应时先怀疑组合键被占用进入 Chrome 的快捷键设置页 chrome://extensions/shortcuts找到 Page Assist 条目换成不常用的组合。改完做一次自测打开任意网页按新组合键——侧边栏或 Web UI弹出来即设置生效仍无反应就检查是否被另一个扩展占用了同一组合键。装完对不上号按现象排查的 4 类故障速查路径开聊之前卡住了按现象对号入座如果你看到安装依赖或构建长时间卡住 → 多半是 Bun 版本过旧或网络受限 → 升级到最新 Bun 后重新安装依赖。如果你看到加载时提示清单文件缺失或不可读取 → 多半是选了项目根目录而非 build 目录 → 重新点加载已解压的扩展程序这次选中 build 子目录。如果你看到按快捷键毫无反应 → 多半是组合键与系统或其他扩展冲突 → 到快捷键设置页更换组合键方法见上一节。如果你看到打开扩展后模型无响应 → 多半是 Ollama 服务未启动或还没有可用模型 → 启动 Ollama 服务、拉取一个模型后再试。到这里你的本地 AI 网页助手已经就绪。更多功能细节见官方文档想深入实现原理直接读源码 src/ 【免费下载链接】page-assistUse your locally running AI models to assist you in your web browsing项目地址: https://gitcode.com/GitHub_Trending/pa/page-assist创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表