ChatHub：多 AI 并行对比对话 | 告别标签页来回切换

【免费下载链接】chathubAll-in-one chatbot client项目地址: https://gitcode.com/gh_mirrors/ch/chathub

ChatHub 是一款 Chrome / Edge 浏览器扩展，把 ChatGPT、Claude、Gemini 等 AI 聊天服务整合进同一个界面，在同窗口完成多 AI 并行对比：向多个模型同时发送同一个问题，分屏查看各自的回答，不用来回切换标签页，也不用逐个官网重复登录。

功能速览：多模型并行聊天

ChatHub 的核心能力是把多个 AI 服务接在同一应用里并行对话，常用能力如下：

• 同一条消息同时发给多个模型，左右对照不同模型的回答
• 支持"网页登录态"和"API Key"两种接入方式，覆盖 ChatGPT、Claude、Gemini、Perplexity、Grok 及开源模型系列
• 分屏布局可切换，支持 2、3、4、6 宫格，支持深色模式
• 对话历史保存在本地，数据可导出和导入，对话可分享为 Markdown

本地构建与 dist 扩展导入

项目是一个 Manifest V3 浏览器扩展，用 Vite 和 @crxjs/vite-plugin 构建，最终产物是dist目录。下面这几条命令会克隆仓库、安装依赖，并在项目根目录生成可分发的扩展包：

git clone https://gitcode.com/gh_mirrors/ch/chathub cd chathub corepack enable # 启用项目锁定的 yarn 4 版本 yarn install yarn build

构建完成后，打开chrome://extensions页面，开启开发者模式，把dist文件夹直接拖进页面即可导入。导入后在任意网页按快捷键（默认 Alt+J，macOS 上是 Command+J）打开聊天窗口，在底部输入框输入问题，就能看到多个模型同时开始回答。

提示：开发调试时用yarn dev替代yarn build。开发服务器监听 5173 端口，crxjs 插件会在代码变更后自动重载扩展，改完代码不用手动重新导入。

API Key 注入位置与 Bot 开关

所有配置项都写入浏览器storage.sync实现跨设备同步，字段定义集中在 src/services/user-config.ts。最常改的有三处：

1. ChatGPT 切换为 API 模式：在设置面板打开 ChatGPT 设置，把模式切到api，填入自己的 Key 并选择模型。生效后 ChatGPT 不再依赖浏览器登录态，适合不想维护网页登录会话的场景。
2. 开关启用的模型：在设置面板的 "Enabled Bots" 区域勾选或取消，控制聊天页出现哪些模型，至少要保留一个。
3. 调整系统提示词：ChatGPT API 模式有System Message字段，用来固定输出风格，例如"直接给答案，不要铺垫"。

避坑指南：高频报错 Q&A

先核对下面两个高频问题，通常几分钟内就能修好。

yarn install 报依赖版本错误

Q：执行yarn install时提示 yarn 版本不匹配或缺少依赖怎么办？

A：项目锁定的是 yarn 4.0.1（package.json的packageManager字段）。先执行corepack enable再安装，不要用 npm 直接装。

导入后部分模型无响应

Q：导入扩展后 ChatGPT、Claude 这类模型发消息没有回应，是什么情况？

A：这些 Bot 默认走网页登录态，依赖浏览器里已有的登录会话。先打开对应官网登录一次，再回 ChatHub 重试。

下一步：给 ChatHub 接入一个新模型

想把一个新 AI 模型接进 ChatHub，一共做三件事。第一步，在 src/app/bots/ 下新建目录，实现 abstract-bot.ts 定义的doSendMessage方法（通过事件推送文本，结束时关闭流）。第二步，在 src/app/bots/index.ts 里注册新的BotId。第三步，在src/app/consts.ts的CHATBOTS表中补上模型名称和头像，新模型就会出现在设置页。写实现时建议参考 Gemini API 的目录，它直接调用官方 HTTP 接口，不涉及登录态处理，是较短的参照路径。

【免费下载链接】chathubAll-in-one chatbot client项目地址: https://gitcode.com/gh_mirrors/ch/chathub