# utools JSON 比对插件

一个简洁高效的 utools 插件，专注于 JSON 比对功能。

## ✨ 功能特性

- ✅ **深度比较** - 深度递归比较两个 JSON 对象
- ✅ **实时高亮** - 实时语法高亮和差异显示
- ✅ **智能格式化** - 点击按钮格式化并比对
- ✅ **数组顺序** - 支持忽略数组元素顺序
- ✅ **历史记录** - 自动保存比对历史，快速查看和加载
- ✅ **会话恢复** - 自动恢复上次编辑内容
- ✅ **简洁界面** - 极简设计，专注核心功能

## 📖 使用方法

### 安装插件
1. 下载插件文件
2. 在 utools 中打开插件管理
3. 选择"安装本地插件"
4. 选择插件目录

### 使用插件

1. **启动插件**
- 在 utools 中输入关键词：`json比对`、`json compare`、`比较json`、`json对比`

2. **比对 JSON**
- 在左右两个文本框中分别输入要比较的 JSON
- 点击中间的 **VS** 按钮或按 `Cmd/Ctrl + Enter`
- 自动格式化并显示差异
- 比对成功后自动保存到历史记录

3. **历史记录**
- 左侧侧边栏显示所有比对记录
- 点击历史记录可快速加载
- 点击 × 按钮可删除单条记录

4. **设置选项**
- 点击底部 ⚙️ 按钮打开设置面板
- **忽略数组顺序**：比对时是否忽略数组元素的顺序
- **存储到本地**：是否保存历史比对记录和会话数据（默认开启）

### ⌨️ 快捷键

| 快捷键 | 功能 |
|--------|------|
| `Cmd/Ctrl + Enter` | 格式化并比对 |
| `Esc` | 关闭设置面板 |

> 💡 提示：输入时会自动保存会话，下次打开时自动恢复

## 🛠️ 技术特性

- 🚀 纯前端实现，无需网络连接
- 💡 响应式设计，支持不同屏幕尺寸
- 🎨 现代化 UI 设计，渐变色 VS 按钮
- ⚡ 高性能 JSON 处理
- 🗄️ localStorage 存储（历史记录和设置）
- 📋 智能剪贴板集成

## 📁 项目结构

```
utools-json-plugin/
├── index.html # 主页面
├── script.js # 核心逻辑
├── style.css # 样式文件
├── preload.js # Node.js API 预加载
├── plugin.json # 插件配置
├── logo.png # 插件图标
└── README.md # 说明文档
```

## 💻 开发说明

### 核心功能模块

1. **JSON 比对引擎** - 深度递归比较，识别新增、删除、修改的字段
2. **语法高亮** - 实时语法高亮显示
3. **差异可视化** - 行级差异高亮
4. **数据持久化** - localStorage 保存历史记录和会话
5. **会话管理** - 自动保存和恢复编辑状态

## 📄 许可证

MIT License

---

**享受高效的 JSON 比对体验！** 🚀