# JSON Viewer - 跨平台桌面版 JSON 阅读 / 编辑器
JSON Viewer 是一款基于 Tauri 2 + Vue 3 + TypeScript 的跨平台桌面 JSON 阅读 / 编辑工具，支持树形结构查看、格式化 / 压缩、搜索、高亮校验等功能。
Keywords: JSON, JSON Viewer, JSON 编辑器, Tauri, Vue 3, 桌面应用, 跨平台, 开发工具

界面预览

## 一眼看懂 JSON 结构的三栏布局

左侧树形结构，中间原始文本，右侧节点详情，状态栏实时显示 JSON 是否有效

JSON Viewer
功能特性

## 为 JSON 而生的阅读 / 编辑体验

把 JSON 文件当成项目代码一样顺手地浏览、搜索与修改

🌲

### 树形结构视图

按对象 / 数组分层展示 JSON，支持折叠展开、子节点数量提示，并自动滚动到当前选中节点。

- 展开 / 折叠任意层级节点
- 显示对象 / 数组的子项数量
- 点击树节点自动同步到文本位置
- 适配深色 / 浅色主题

📝

### 原始文本实时校验

中间区域提供原始 JSON 文本编辑器，输入时实时解析，高亮错误行列位置。

🔍

### 关键字搜索与导航

支持在键名和字符串值中搜索，配合 `Ctrl+F`、上一条 / 下一条按钮在所有匹配项之间跳转。

⚙️

### 格式化 / 压缩与缩进切换

一键在格式化 / 压缩之间切换，并支持 2 空格、4 空格、Tab 等多种缩进风格。

✏️

### 节点值就地编辑

在树视图中双击节点值即可编辑字符串、数字、布尔、null，输入非法 JSON 会提示错误并回退。

💾

### 打开 / 保存本地文件

支持通过文件对话框、拖拽到窗口、右键“打开方式”等方式打开本地 JSON，并保存 / 另存为。

快速上手

## 几步完成JSON 检查与修改

`Ctrl` + `O` 打开本地 JSON 文件
`拖拽文件` 直接将 .json 拖拽到窗口中加载
`Ctrl` + `F` 在键名 / 字符串值中搜索关键字
`双击节点值` 就地编辑当前节点的值并实时校验
平台支持

## 一次开发多端运行

基于 Tauri 构建，原生窗口 + 轻量体积，适合随手放在开发环境中

🪟

### Windows

Windows 10 及以上，NSIS 安装包和独立 exe

🍎

### macOS

支持 Intel / Apple Silicon，标准 dmg / app 包

🐧

### Linux

提供 deb / AppImage 等常见发行版包

👨‍💻

### 开发者友好

Node.js ≥ 18 + Rust 工具链，clone 即可本地构建

### 🛠️ 技术栈

Tauri 2 Vue 3 TypeScript 5 Vite Pinia Rust

## 想要一个专注于 JSON 的小工具吗？

下载 JSON Viewer，把格式化、校验、搜索、编辑这些碎片操作收拢到一个干净的桌面应用里。

免费下载
Star on GitHub