# quick-input-plugin

**Repository Path**: HeMaoQi1226/quick-input-plugin

## Basic Information

- **Project Name**: quick-input-plugin
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-16
- **Last Updated**: 2025-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Quick Input Plugin

一个Chrome浏览器插件，能够根据不同的域名配置要检索的输入框以及自动填充内容。

## 功能特点

- 根据不同网站域名自动识别和填充表单
- 支持多种输入元素类型（文本框、下拉菜单等）
- 可配置填充延迟时间
- 简洁直观的用户界面
- 支持保存多个网站的配置

## 安装方法

### 开发模式安装

1. 下载或克隆本仓库到本地
2. 打开Chrome浏览器，进入扩展程序页面 (chrome://extensions/)
3. 开启右上角的「开发者模式」
4. 点击「加载已解压的扩展程序」
5. 选择本项目的根目录

## 使用说明

### 配置输入框

1. 访问你想要配置的网站
2. 点击浏览器工具栏中的插件图标，打开配置面板
3. 当前域名会自动显示在面板顶部
4. 在「输入框配置」部分添加选择器和填充内容：
   - **选择器 (CSS)**: 输入框的CSS选择器，例如 `#username`、`.input-field` 等
   - **填充值**: 要自动填充的内容
   - **延迟**: 填充前的等待时间（毫秒）
5. 点击「添加输入框」可以配置多个输入框
6. 点击「保存配置」保存当前域名的配置

### 查看和管理配置

- 已配置的域名会显示在面板底部的列表中
- 点击列表中的域名可以加载并编辑该域名的配置
- 使用「删除配置」按钮可以删除当前域名的配置

### 自动填充

配置保存后，当你再次访问该网站时，插件会自动根据配置填充相应的输入框。

## 如何获取CSS选择器

1. 在网页上右键点击要填充的输入框
2. 选择「检查」或「Inspect」打开开发者工具
3. 在开发者工具中右键点击对应的HTML元素
4. 选择「Copy」→「Copy selector」
5. 将复制的选择器粘贴到插件配置面板中

## 注意事项

- 某些网站可能使用动态生成的元素或复杂的JavaScript框架，可能需要调整选择器或延迟时间
- 插件需要页面完全加载后才能正常工作
- 如果网站结构发生变化，可能需要更新选择器

## 隐私说明

- 所有配置数据仅保存在您的浏览器本地，不会上传到任何服务器
- 插件不会收集或传输您的个人信息

## 技术实现

- 使用Chrome Extension Manifest V3
- 纯JavaScript实现，无需额外依赖
- 使用Chrome Storage API保存配置
- 使用Content Scripts在网页中注入代码

## 开发与构建

### 环境准备

1. 确保已安装Node.js (推荐v14.0.0以上版本)
2. 克隆本仓库到本地
3. 在项目根目录运行以下命令安装依赖：

```
npm install
```

### 开发模式

开发模式下会监听文件变化并自动重新构建：

```
npm run dev
```

构建结果将输出到`dist`目录，可以将此目录加载到Chrome中进行测试。

### 生产构建

生产模式下会压缩和混淆代码，优化插件性能：

```
npm run build
```

### 打包发布

生成可直接上传到Chrome商店的zip文件：

```
npm run build:zip
```

构建完成后，将在`dist`目录生成`quick-input-plugin.zip`文件，可直接用于发布。