# browser-qrcode

**Repository Path**: mrchai/browser-qrcode

## Basic Information

- **Project Name**: browser-qrcode
- **Description**: 一个简单易用的浏览器插件，可以快速生成当前网页的二维码，支持Chrome和Edge浏览器。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-13
- **Last Updated**: 2024-12-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网页二维码生成器 (Web QR Code Generator)

一个简单易用的浏览器扩展，可以快速生成当前网页的二维码，支持Chrome和Edge浏览器。

## 🖼️ 演示效果

| 功能 | 效果图 |
|------|--------|
| 生成二维码 | ![生成二维码](screenshots/qrcode.gif) |
## ✨ 功能特点

- 🚀 一键生成当前网页的二维码
- 🎨 二维码中心显示网站图标
- 💾 支持下载二维码图片
- 🔒 不收集任何个人信息，保护隐私
- 🎯 界面简洁，操作直观
- 🌐 支持所有网页
- ⚡ 轻量级，不影响浏览体验

## 📦 安装方法

### Chrome/Edge浏览器安装
1. 下载本仓库代码并解压
2. 打开Chrome/Edge浏览器
3. 访问扩展管理页面
   - Chrome: `chrome://extensions/`
   - Edge: `edge://extensions/`
4. 开启右上角的"开发者模式"
5. 点击"加载已解压的扩展程序"
6. 选择解压后的文件夹

## 🎮 使用方法

1. 安装后在浏览器左下角会出现一个图标
2. 点击图标即可生成当前网页的二维码
3. 点击"下载二维码"按钮可保存二维码图片
4. 再次点击图标可关闭二维码窗口

## 📁 项目结构
```
browser-qrcode/
├── manifest.json // 扩展配置文件
├── content.js // 主要功能代码
├── styles.css // 样式文件
├── qrcode.min.js // QR码生成库
└── icons/
└── icon.svg // 扩展图标
```

## 🛠️ 技术栈

- JavaScript
- HTML5 Canvas
- CSS3
- qrcode-generator库

## 📝 更新日志

### 版本 1.0.0 (2024-12-20)
- ✅ 实现基础二维码生成功能
- ✅ 添加网站图标显示功能
- ✅ 实现二维码下载功能
- ✅ 优化界面交互体验