# 网页油猴工具

## 工具简介

网页油猴工具是一个强大的网页定制和调试工具，允许用户为任意网页注入自定义JavaScript代码，实现页面功能增强、自动化操作、界面美化等功能。该工具支持多种匹配规则，可以针对特定网站或全局网页进行定制化开发。

## 主要功能

### 1. 脚本管理
- 创建新脚本
- 编辑现有脚本
- 导入导出脚本
- 启用/停用脚本
- 删除脚本

### 2. 匹配规则
- 精确网址匹配
- 通配符匹配
- 正则表达式匹配
- 多规则组合
- 规则测试

### 3. 脚本功能
- 自定义JavaScript代码
- 依赖脚本引入
- 自动刷新设置
- 实时生效
- 错误提示

### 4. 开发辅助
- 代码编辑器
- 语法高亮
- 自动保存
- 示例代码
- 开发文档

## 使用说明

### 基本使用
1. 创建新脚本
2. 设置匹配规则
3. 编写注入代码
4. 保存并启用
5. 查看效果

### 脚本创建方式
1. **新建脚本**：
   - 点击"创建猴子"
   - 填写脚本信息
   - 编写注入代码
   - 保存并启用

2. **导入脚本**：
   - 点击"导入猴子"
   - 选择脚本文件
   - 确认导入
   - 启用脚本

3. **示例脚本**：
   - 点击"来个Demo尝尝"
   - 查看示例代码
   - 学习使用方法
   - 基于示例开发

## 使用技巧

1. **匹配规则**：
   - 使用精确URL
   - 使用通配符
   - 使用正则表达式
   - 测试规则有效性

2. **脚本编写**：
   - 使用JavaScript
   - 引入依赖库
   - 处理页面元素
   - 添加错误处理

3. **自动刷新**：
   - 设置刷新间隔
   - 选择合适频率
   - 避免频繁刷新
   - 考虑性能影响

## 适用场景

1. **页面定制**：
   - 界面美化
   - 功能增强
   - 广告过滤
   - 内容修改

2. **自动化操作**：
   - 自动填表
   - 自动点击
   - 数据采集
   - 定时任务

3. **开发调试**：
   - 页面测试
   - 功能验证
   - 性能分析
   - 问题排查

## 注意事项

1. 注意脚本安全性
2. 避免影响页面性能
3. 定期检查脚本有效性
4. 备份重要脚本

## 技术实现

- 基于Vue.js开发
- 使用CodeMirror编辑器
- 支持Chrome存储API
- 提供完整的开发环境

## 更新日志

### v1.0.0
- 初始版本发布
- 支持基本脚本管理
- 提供代码编辑器

### v1.1.0
- 添加自动刷新
- 优化编辑器功能
- 改进用户界面

### v1.2.0
- 添加依赖脚本
- 支持脚本导入导出
- 提升使用体验

## 常见问题

1. **Q: 如何创建新脚本？**
   A: 点击"创建猴子"按钮，填写脚本信息并编写代码即可。

2. **Q: 支持哪些匹配规则？**
   A: 支持精确URL、通配符和正则表达式等多种匹配方式。

3. **Q: 如何导入已有脚本？**
   A: 点击"导入猴子"按钮，选择脚本文件即可导入。

4. **Q: 脚本如何生效？**
   A: 保存脚本后，在匹配的网页上会自动注入并执行。

## 最佳实践

1. **脚本开发**：
   - 规划脚本功能
   - 编写清晰代码
   - 添加错误处理
   - 测试脚本效果

2. **规则设置**：
   - 使用精确匹配
   - 避免规则冲突
   - 测试规则有效性
   - 定期更新规则

3. **性能优化**：
   - 控制脚本大小
   - 优化执行效率
   - 避免频繁操作
   - 及时清理资源 