# QrcodeExtension

**Repository Path**: mdsfe/qrcode-extension

## Basic Information

- **Project Name**: QrcodeExtension
- **Description**: A simple and user-friendly Chrome extension for quickly generating QR codes from current page URLs, selected text, or links.
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-28
- **Last Updated**: 2026-01-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 二维码生成器 Chrome 扩展

一个简单易用的 Chrome 扩展，可以快速为当前页面 URL、选中文本或链接生成二维码。

## 功能特点

- 多种二维码生成方式：
  - 点击扩展图标生成当前页面二维码
  - 右键菜单生成选中文本的二维码
  - 右键菜单生成链接的二维码
  - 右键菜单生成当前页面的二维码

- 用户友好界面：
  - 居中显示的浮动面板
  - 半透明遮罩背景
  - 平滑的动画效果
  - 响应式布局
  - 优雅的加载动画
  - 清晰的错误提示

- 便捷操作：
  - 一键复制 URL
  - 点击即可选择 URL 文本
  - 复制成功提示
  - 点击遮罩或关闭按钮关闭面板
  - ESC 键快捷关闭
  - 一键下载二维码图片

- 多语言支持：
  - 中文
  - 英文
  - 日文
  - 自动适配浏览器语言

## 安装方法

1. 访问 [Chrome 网上应用店](https://chrome.google.com/webstore)
2. 搜索"二维码生成器"
3. 点击"添加至 Chrome"
4. 按照提示完成安装

## 使用方法

### 方式一：通过扩展图标

1. 点击浏览器工具栏中的扩展图标
2. 自动生成当前页面的二维码

### 方式二：通过右键菜单

1. 选中文本或右键点击链接
2. 在右键菜单中选择"生成二维码"
3. 自动生成对应内容的二维码

## 功能说明

- **二维码生成**：
  - 使用 QRCode.js 库生成高质量二维码
  - 优雅的加载动画过渡
  - 清晰的错误状态提示

- **URL 管理**：
  - 支持一键复制 URL
  - 复制成功动画反馈
  - 点击 URL 区域可快速选择完整文本

- **二维码下载**：
  - 支持一键下载二维码图片
  - 自动生成时间戳文件名
  - 下载成功提示
  - 悬停显示下载按钮

- **面板控制**：
  - 点击关闭按钮关闭面板
  - 点击遮罩层关闭面板
  - ESC 键快捷关闭
  - 支持多次打开，自动清除旧面板

- **多语言支持**：
  - 支持中文、英文、日文
  - 自动识别浏览器语言
  - 所有文本元素支持国际化

## 技术实现

- 使用 Chrome Extension Manifest V3
- 核心功能：
  - background script 处理右键菜单和消息
  - content script 处理面板注入和交互
  - popup script 处理图标点击事件
- 使用 QRCode.js 生成二维码
- 原生 JavaScript 实现，无需额外依赖
- Canvas 实现二维码图片导出
- i18n 国际化支持

## 浏览器兼容性

- Chrome 88+
- Edge 88+
- 其他基于 Chromium 的浏览器 88+

## 未来计划

- [ ] 支持自定义二维码颜色
- [ ] 支持二维码大小调整
- [ ] 添加二维码预览功能
- [ ] 支持更多语言
- [ ] 支持二维码样式模板
- [ ] 添加历史记录功能

## 参与贡献

欢迎提交 Issue 和 Pull Request 来帮助改进这个扩展。

## 许可证

MIT 许可证