纯前端的 New API 调用测试页面,用来测试 OpenAI/Anthropic/Google 的一些特殊调用方式。所有数据仅在浏览器本地处理与保存。

• 纯前端与本地存储:
  • 所有配置保存在浏览器 LocalStorage 中
  • 不上传数据到第三方服务器,安全可控
• 多厂商与多场景测试:
  • OpenAI: 工具调用(Chat Completions/Responses)、搜索(Responses)
  • Anthropic: 工具调用
  • Google Gemini: 工具调用、搜索、URL 上下文
• 配置管理与一键默认:
  • 通过"管理配置"弹窗新增/编辑/删除配置
  • 支持星标"默认配置",页面加载自动应用
  • 安全性: 支持 API Key 显隐切换,配置仅保存在本地 LocalStorage
• 交互与可视化:
  • 分厂商切换测试类型,自动填充默认测试输入
  • 左侧"轮次与消息"时间线,右侧"请求与响应"代码块
  • 支持一键复制请求/响应内容
• 健壮的错误处理:
  • 自动识别并提示错误的 API URL(如返回 HTML)
  • 支持非 JSON 响应的原始预览
  • 实时显示请求状态与耗时统计

1. 直接打开页面:
   • 用浏览器打开 https://cooksleep.github.io/newapi-special-test
2. 填写 API 信息:
   • 在"API 配置"中填写 API URL、API Key、模型,或点击"管理配置"从右侧列表选择并应用。
3. 选择测试类型:
   • 首先在"测试内容"中选择厂商(OpenAI / Anthropic / Google)。
   • 然后选择具体的测试场景(如工具调用、搜索等)。页面会自动填充推荐的测试消息。
4. 输入用户消息并发送:
   • 在文本框输入用户消息,点击"发送测试请求"。
5. 查看结果:
   • 左侧查看"轮次与消息",右侧查看"请求与响应"。每个代码块都支持复制。

小贴士:该页面为纯前端网页,所有信息仅存储在您的浏览器本地。

如需预置默认的 API URL、API Key、模型,可编辑 assets/js/config.js 中的 window.APP_CONFIG(部署到静态服务器时也可以按需修改):

window.APP_CONFIG = {
 apiUrl: 'https://api.openai.com',
 apiKey: '',
 model: 'gemini-3-flash-preview'
};

• 该文件在页面加载时先于主脚本注入,主脚本会读取 window.APP_CONFIG 作为系统默认。
• 不建议在公共仓库提交真实的 API Key,可保持为空,使用时手动填写或通过"管理配置"保存到本地。

• 本项目为静态页面,可直接托管至任意静态托管平台(GitHub Pages、Netlify、Vercel、Nginx 等)。
• 如需覆盖默认配置,直接修改 assets/js/config.js 并重新部署即可。

欢迎对项目进行改进!如果你有新的想法或想要完善交互,请提交 Issue 或 Pull Request。

本项目采用 GNU General Public License v3.0 许可证,详情请见 LICENSE 文件。