🦊 FoxAI API选择器

一个专为手机端设计的智能API管理平台，具有密码验证和随机API选择功能。

✨ 功能特性

🔐 密码验证

• 访问密码：F435261ox
• 验证成功后自动保存登录状态
• 支持回车键快速确认
• 安全退出登录功能

🎯 API随机选择

• 从10个预设API中随机选择一个
• 每次选择都会记录到历史记录中
• 支持一键复制选中的API
• 智能历史记录管理

📱 移动端优化

• 响应式设计，完美适配手机屏幕
• 触摸友好的按钮和交互
• 防止双击缩放等移动端问题
• 优化的触摸反馈体验

💾 本地存储

• 自动保存选择历史记录
• 最多保存最近10条记录
• 验证状态持久化
• 数据安全本地存储

⌨️ 键盘快捷键

• Ctrl/Cmd + Enter: 快速选择/确认
• ESC: 退出登录
• 支持回车键快速操作

🎨 FoxAI品牌特色

• 品牌标识: 🦊 FoxAI
• 品牌色彩: 橙色主题 (#FF6B35)
• 设计风格: 现代简约，移动优先
• 用户体验: 流畅动画，直观交互

📁 文件结构

guess/
├── index.html          # 主页面
├── style.css           # 样式文件
├── script.js           # 功能脚本
├── vercel.json         # Vercel部署配置
├── README.md           # 项目说明
└── DEPLOY.md           # 部署指南

🚀 快速开始

本地使用

1. 下载所有文件到本地目录
2. 在手机浏览器中打开 index.html
3. 输入访问密码 F435261ox
4. 开始使用API选择功能

Vercel部署（推荐）

1. 将项目推送到Git仓库
2. 在 Vercel 导入项目
3. 自动部署，获得生产URL
4. 详细部署说明请参考 DEPLOY.md

🔧 技术特点

• 纯前端实现: 无需服务器，可直接在浏览器中运行
• 现代Web技术: 使用HTML5、CSS3、ES6+特性
• 移动端优先: 专为手机使用场景设计
• 本地存储: 使用localStorage保存数据
• 响应式设计: 适配各种屏幕尺寸
• PWA友好: 支持添加到手机主屏幕

🌐 浏览器兼容性

• Chrome 60+
• Safari 12+
• Firefox 55+
• Edge 79+
• 移动端浏览器完全支持

🔒 安全说明

• 密码验证仅在前端进行
• 建议在安全环境下使用
• API密钥请妥善保管
• 支持安全退出登录

🎯 自定义配置

如需修改密码或API列表，请编辑 script.js 文件中的相应常量：

// 修改访问密码
const CORRECT_PASSWORD = '你的新密码';

// 修改API列表
const API_LIST = [
    '你的API1',
    '你的API2',
    // ...更多API
];

🚀 部署方式

1. Vercel部署（推荐）

• 自动CDN加速
• 全球边缘节点
• 自动HTTPS
• 持续部署支持

2. 其他部署选项

• 本地使用: 直接在浏览器中打开HTML文件
• Web服务器: 上传到任何支持静态文件的Web服务器
• GitHub Pages: 推送到GitHub仓库并启用Pages服务
• CDN部署: 上传到CDN服务商

📱 使用场景

• 开发测试: 快速切换不同API密钥
• 团队协作: 共享API资源管理
• 移动办公: 随时随地访问API
• 演示展示: 展示API管理功能

🤝 贡献指南

欢迎为FoxAI项目做出贡献：

1. Fork项目
2. 创建功能分支
3. 提交更改
4. 发起Pull Request

📄 许可证

本项目仅供学习和个人使用。

---

Powered by FoxAI 🦊 - 让AI更智能，让开发更高效！