AI Chat Compare

项目简介

AI Chat Compare 是一个强大的 AI 对话聚合对比工具，允许用户同时向多个 AI 模型发送相同的消息，并实时比较它们的回复。通过这个工具，用户可以更直观地评估不同 AI 模型的表现，选择最适合自己需求的 AI 助手。

在线体验

https://wzshuang.github.io/ai-chat-compare

功能特性

• 多模型并行对比：同时选择 1-4 个 AI 模型进行实时对话对比
• 一键消息分发：一次输入，同时发送给所有选定的 AI 模型
• 统一控制界面：在一个页面中管理多个 AI 对话
• 快速新会话：一键为所有选定模型开启新对话
• 响应式设计：支持桌面端和移动端使用
• 本地存储：自动保存用户的模型选择偏好
• 快捷键支持：按 Ctrl + Enter 快速发送消息
• 完全免费：无需Token即可使用
• 无需下载: 配置好浏览器插件后，直接在浏览器中打开即可使用

功能预览

功能演示

主界面预览

插件配置

支持的 AI 模型

• DeepSeek
• 通义千问
• 智谱清言
• 豆包
• 小米MiMo
• Kimi
• MiniMax
• 文心一言
• ChatGPT
• Gemini

安装与使用

浏览器扩展安装与配置

1. 安装浏览器扩展：

   • Tampermonkey 用于注入消息监听器
   • Header Editor 用于修改HTTP头，解决跨域和iframe嵌入问题

2. 配置 Tampermonkey 脚本：

   • 打开 Tampermonkey 扩展
   • 点击「实用工具」
   • 如果想从本地文件导入，请选择项目中的 message-listener.js 文件
   • 如果想使用url安装，请输入https://wzshuang.github.io/ai-chat-compare/message-listener-v20260203.js

3. 配置 Header Editor 规则：

   • 打开 Header Editor 扩展
   • 点击「导入和导出」
   • 如果想从本地文件导入，请选择项目中的 head-editor.json 文件
   • 如果想使用url下载，请在下载规则里输入https://wzshuang.github.io/ai-chat-compare/head-editor-v20260203.json
   • 点击保存

访问页面

在浏览器中打开 https://wzshuang.github.io/ai-chat-compare

或者

克隆或下载项目到本地，然后在浏览器中打开 index.html 文件。

使用说明

1. 选择 AI 模型：在顶部的模型选择区域，勾选你想要对比的 AI 模型（1-4个）
2. 等待页面加载：系统会自动在下方的 iframe 中加载选中的 AI 聊天页面
3. 登录 AI 账号：在每个 iframe 中登录对应的 AI 服务账号（首次使用时需要）
4. 输入消息：在底部的输入框中输入你想要发送的消息
5. 发送消息：点击「发送消息」按钮或按 Ctrl + Enter 快捷键，消息会同时发送给所有选中的 AI 模型
6. 比较回复：在各个 iframe 中查看不同 AI 模型的回复，进行对比
7. 开启新会话：点击「新会话」按钮，为所有选中的 AI 模型开启新的对话

技术原理

1. 前端架构：使用 Vue.js 构建响应式用户界面
2. 消息分发：通过 postMessage API 向各个 iframe 中的 AI 聊天页面发送消息
3. 页面控制：通过 Tampermonkey 脚本注入到各个 AI 页面，实现自动填充消息和发送
4. 跨域处理：通过 Header Editor 修改 HTTP 响应头，解决 iframe 嵌入限制

注意事项

1. 浏览器兼容性：推荐使用 Chrome、Edge 等现代浏览器
2. 性能考虑：同时开启多个 AI 模型可能会增加浏览器内存占用
3. API 限制：部分 AI 服务可能有使用频率限制，请合理使用
4. 隐私保护：所有消息处理均在本地完成，不会上传到第三方服务器

项目结构

ai-chat-compare/
├── index.html          # 主页面文件
├── message-listener.js # Tampermonkey 脚本
├── header-editor.json  # Header Editor 配置文件
├── README.md           # 项目说明文件
└── LICENSE             # 许可证文件

常见问题

登录状态丢失

一般情况下，在聚合页面重新登录一遍即可保持登录状态。
如果登录后，再刷新页面，又变成未登录状态，请检查head-editor的配置，是否包含当前ai的域名。

用户数据是否安全？

本项目所有代码均开源，不会搜集任何用户数据。

我想用的AI不在列表里

欢迎在issue中反馈，收到需求后会尽快适配。

许可证

本项目采用 MIT 许可证，详见 LICENSE 文件。

贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目！

联系方式

如有问题或建议，欢迎联系项目维护者。