QR Code Generator & Parser

一个简洁、现代的二维码生成与解析工具，支持生成二维码、下载图片、解析上传的二维码图片，并内置调试日志面板。

✨ 功能特性

• 生成二维码：输入文本，实时生成二维码，并自动验证生成结果。
• 下载图片：生成的二维码可一键下载为 PNG 图片。
• 解析二维码：上传二维码图片，自动识别并显示文本内容。
• 调试日志：内置日志面板，记录用户操作、网络状态、设备信息等，方便排查问题。
• 日志管理：支持下载日志文件、一键复制日志内容（含多种兼容方案）。
• 响应式设计：完美适配电脑端和手机端，操作便捷。

🛠️ 技术栈

• HTML5：语义化结构，支持 ARIA 可访问性。
• CSS3：
  • 自定义属性（变量）统一主题色、间距、圆角。
  • 渐变背景、毛玻璃效果（backdrop-filter）。
  • Flex 布局，响应式媒体查询。
• JavaScript (ES6+)：
  • 原生实现，无框架依赖。
  • 模块化设计（IIFE），避免全局污染。
  • 异步操作、剪贴板 API、文件处理。
• 第三方库：
  • qrcode-generator - 二维码生成。
  • jsQR - 二维码解析。

📁 文件结构

/
├── index.html          # 主页面
├── style.css           # 样式文件
├── script.js           # 交互逻辑
└── README.md           # 项目说明

🚀 快速开始

1. 克隆或下载本项目到本地。
2. 直接在浏览器中打开 index.html 即可使用。
3. 无需安装任何依赖，所有资源通过 CDN 引入。

📖 使用说明

生成二维码

• 在“生成二维码”选项卡中输入文本。
• 点击“生成二维码”按钮，下方会显示二维码图片。
• 二维码生成后会自动验证，验证通过后“下载二维码图片”按钮出现。
• 点击该按钮即可保存图片。

解析二维码

• 切换到“解析二维码”选项卡。
• 点击“选择文件”上传二维码图片（支持常见图片格式）。
• 点击“解析二维码”按钮，下方会显示识别出的文本内容。

调试日志

• 点击页面右上角的“查看调试”按钮，可打开调试面板。
• 面板中实时记录所有操作步骤、错误信息、设备环境等。
• 可通过“下载日志文件”或“复制日志内容”导出日志。

🤝 贡献

欢迎提交 Issue 或 Pull Request 来改进本项目。请确保代码风格与现有保持一致，并适当更新文档。

📄 许可证

MIT © 2024~2026 EndlessPixel Studio