# json format

**Repository Path**: akm21/json-format

## Basic Information

- **Project Name**: json format
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-30
- **Last Updated**: 2025-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JSON在线格式化工具

一个简洁、快速、无广告的JSON处理工具，基于纯HTML/CSS/JavaScript开发，可本地部署。

## 功能特点

✨ **核心功能**
- JSON格式化美化
- JSON压缩优化
- JSON语法验证
- 实时输入验证

📋 **辅助功能**
- 一键复制结果
- 下载JSON文件
- 加载示例数据
- 清空输入内容

🎨 **界面特性**
- 现代化响应式设计
- 语法高亮显示
- 行号显示选项
- 全屏编辑模式
- 深色/浅色主题

⌨️ **快捷键支持**
- `Ctrl + Enter`: 格式化JSON
- `Ctrl + Shift + C`: 压缩JSON
- `Ctrl + Shift + V`: 验证JSON
- `Ctrl + L`: 清空输入
- `F11`: 切换全屏模式
- `Esc`: 退出全屏模式

## 高级功能

### URL参数支持

1. **直接传入数据**
   ```
   index.html#data={"name":"John","age":30}
   ```

2. **从远程URL加载**
   ```
   index.html#url=https://api.example.com/data.json
   ```

3. **全屏模式**
   ```
   index.html?fullscreen
   ```

### API调用

工具提供了JavaScript API供外部调用：

```javascript
// 格式化JSON
const formatted = JSONFormatter.format('{"name":"John"}');

// 压缩JSON
const compressed = JSONFormatter.compress('{\n  "name": "John"\n}');

// 验证JSON
const result = JSONFormatter.validate('{"name":"John"}');
console.log(result.valid); // true or false
```

## 本地部署

### 方法一：直接打开
1. 下载所有文件到本地目录
2. 双击 `index.html` 文件即可在浏览器中打开

### 方法二：HTTP服务器
```bash
# 使用Python启动简单HTTP服务器
cd json-formatter
python -m http.server 8000

# 或使用Node.js
npx http-server -p 8000
```

然后访问 `http://localhost:8000`

## 文件结构

```
json-formatter/
├── index.html          # 主页面
├── css/
│   └── style.css      # 样式文件
├── js/
│   └── app.js         # 功能脚本
└── README.md          # 说明文档
```

## 浏览器兼容性

- Chrome 60+
- Firefox 55+
- Safari 12+
- Edge 79+

## 技术特点

- 🚀 纯前端实现，无需后端服务
- 📱 响应式设计，支持移动设备
- 🔒 数据本地处理，保护隐私安全
- ⚡ 轻量级，加载速度快
- 🎯 无广告，专注功能体验

## 开发说明

本工具使用原生Web技术开发：
- HTML5 语义化标签
- CSS3 现代布局和动画
- ES6+ JavaScript特性
- 渐进式Web应用理念

## 更新日志

### v1.0.0
- 初始版本发布
- 实现JSON格式化、压缩、验证功能
- 支持语法高亮和行号显示
- 添加快捷键和全屏模式
- 实现URL参数和API调用

## 许可证

MIT License - 可自由使用、修改和分发

## 反馈建议

如有问题或建议，欢迎通过以下方式联系：
- 提交Issue
- 发送邮件
- 提交Pull Request

---

**享受简洁高效的JSON处理体验！** 🎉