# Browser Plugin

**Repository Path**: RumIV/browser-plugin

## Basic Information

- **Project Name**: Browser Plugin
- **Description**: Browser Plugin 浏览器扩展是一款集资源管理、便捷转换与高效记录于一体的强大工具，它不仅能帮助用户一键提取网页中的视频、音频及图片等资源，支持快速下载与链接复制，还内置了二维码生成、Base64及URL编码解码等实用工具，并辅以本地存储的记事本功能，全方位提升您的网页浏览与数据处理效率。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-05-08
- **Last Updated**: 2026-05-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 网页资源工具箱

一个功能强大的浏览器扩展，帮助您提取和管理网页中的各种资源。

## 功能特性

### 📦 资源提取
- 提取网页中的视频资源
- 提取网页中的音频资源  
- 提取网页中的图片资源
- 支持一键下载和复制链接

### 📱 二维码生成
- 支持选中文本生成二维码
- 支持手动输入内容生成二维码
- 右键菜单快速生成

### 🔢 编码工具
- Base64 编码/解码
- URL 编码/解码
- 字符串哈希计算

### 📝 记事本
- 临时笔记记录
- 本地存储保存

## 安装方法

### 开发者模式安装
1. 下载或克隆本项目
2. 打开 Chrome/Edge 浏览器
3. 进入扩展管理页面 (`chrome://extensions/` 或 `edge://extensions/`)
4. 开启"开发者模式"
5. 点击"加载已解压的扩展程序"
6. 选择项目所在目录

## 使用说明

### 资源提取
1. 点击页面上的悬浮按钮
2. 选择"资源提取"
3. 等待资源扫描完成
4. 在弹出窗口中选择要下载的资源

### 二维码生成
- **方法一**: 选中网页中的文本，右键点击选择"生成二维码"
- **方法二**: 点击悬浮按钮，选择"生成二维码"，输入内容后生成

### 编码工具
1. 点击悬浮按钮
2. 选择"编码工具"
3. 选择编码类型
4. 输入内容并转换

### 记事本
1. 点击悬浮按钮
2. 选择"记事本"
3. 输入笔记内容
4. 自动保存到本地

## 项目结构

```
web-plugin/
├── components/          # UI 组件
│   ├── ConfirmDialog.js # 确认对话框
│   ├── FloatingButton.js # 悬浮按钮
│   ├── Menu.js          # 菜单组件
│   └── Toast.js         # 提示组件
├── data/                # 数据文件
│   ├── m3u8.txt
│   └── m3u82.txt
├── icons/               # 图标资源
│   ├── icon16.png
│   ├── icon48.png
│   └── icon128.png
├── lib/                 # 第三方库
│   ├── ffmpeg-core.js
│   ├── md5.min.js
│   └── qrcode.min.js
├── modules/             # 功能模块
│   ├── EncodingPopup.js # 编码工具弹窗
│   ├── NotepadPopup.js  # 记事本弹窗
│   ├── QRCodePopup.js   # 二维码弹窗
│   └── ResourcePopup.js # 资源提取弹窗
├── utils/               # 工具函数
│   ├── downloadHandler.js
│   ├── fileUtils.js
│   └── resourceCollector.js
├── background.js        # 后台脚本
├── content.js           # 内容脚本
├── manifest.json        # 扩展配置
└── TODO.md              # 待办事项
```

## 权限说明

| 权限 | 用途 |
|------|------|
| `activeTab` | 访问当前活动标签页 |
| `downloads` | 下载文件到本地 |
| `scripting` | 注入脚本执行 |
| `contextMenus` | 创建右键菜单项 |
| `storage` | 本地存储数据 |

## 技术栈

- Chrome Extension Manifest V3
- Vanilla JavaScript
- 原生 CSS (未在项目中单独列出)

## 浏览器兼容性

- ✅ Google Chrome (推荐)
- ✅ Microsoft Edge
- ✅ 其他 Chromium 内核浏览器

## 许可证

MIT License

## 贡献

欢迎提交 Issue 和 Pull Request！