# smart-json

**Repository Path**: shengyuangang/smart-json

## Basic Information

- **Project Name**: smart-json
- **Description**: smart json 在线格式化
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-19
- **Last Updated**: 2025-09-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Smart JSON Formatter

一个功能强大、界面美观的在线JSON格式化工具，支持实时验证、智能格式化、层级折叠等功能。

## ✨ 功能特性

- 🔍 **实时验证** - 实时检查JSON语法正确性
- 🎨 **智能格式化** - 自动美化JSON格式，支持缩进调整
- 📁 **层级折叠** - 支持展开/折叠JSON对象和数组
- 📋 **一键复制** - 快速复制格式化后的JSON内容
- 🚀 **快速操作** - 支持格式化、压缩、清空等快捷操作
- 📱 **响应式设计** - 完美适配桌面和移动设备
- 🎯 **用户体验** - 简洁直观的界面设计

## 🚀 快速开始

1. 直接在浏览器中打开 `index.html` 文件
2. 在左侧输入框中粘贴或输入JSON数据
3. 点击"格式化"按钮进行美化，或使用快捷键 `Ctrl+Enter`
4. 使用展开/折叠按钮控制JSON层级显示
5. 点击"复制"按钮将结果复制到剪贴板

## 🎮 使用说明

### 基本操作
- **格式化**: 点击"格式化"按钮或按 `Ctrl+Enter`
- **压缩**: 点击"压缩"按钮或按 `Ctrl+M`
- **清空**: 点击"清空"按钮清除所有内容
- **复制**: 点击"复制"按钮复制格式化结果

### 层级控制
- **展开全部**: 展开所有折叠的JSON层级
- **折叠全部**: 折叠所有可折叠的JSON层级
- **单个折叠**: 点击每个对象/数组前的三角图标进行单独控制

### 实时统计
- **字符数**: 显示当前输入的字符数量
- **行数**: 显示当前输入的行数
- **验证状态**: 实时显示JSON验证结果

## 🎨 界面特色

- **现代化设计**: 采用渐变背景和卡片式布局
- **色彩编码**: JSON不同元素使用不同颜色区分
- **交互反馈**: 按钮悬停效果和操作反馈
- **响应式布局**: 自适应不同屏幕尺寸

## 🔧 技术栈

- **HTML5** - 页面结构
- **CSS3** - 样式和动画效果
- **JavaScript (ES6+)** - 核心功能实现
- **Font Awesome** - 图标库

## 📦 项目结构

```
smart-json/
├── index.html      # 主页面
├── styles.css      # 样式文件
├── script.js       # JavaScript功能
└── README.md       # 项目说明
```

## 🌟 特色功能详解

### 1. 智能格式化
自动检测JSON格式并进行美化，支持自定义缩进级别。

### 2. 层级折叠系统
- 对象和数组支持展开/折叠操作
- 显示折叠项的数量统计
- 支持批量展开和折叠

### 3. 实时验证
- 输入时实时验证JSON语法
- 显示详细的错误信息
- 友好的错误提示界面

### 4. 快捷键支持
- `Ctrl+Enter` - 格式化JSON
- `Ctrl+M` - 压缩JSON

## 🎯 使用场景

- API开发调试
- 配置文件编辑
- 数据分析和处理
- 教学演示
- 日常开发工具

## 🤝 贡献

欢迎提交Issue和Pull Request来改进这个项目！

## 📄 许可证

本项目采用MIT许可证，详情请查看LICENSE文件。

---

享受使用 Smart JSON Formatter！ 🎉