# JSON View

> 纯前端在线 JSON 查看器 / 格式化工具。虚拟滚动 + Web Worker,数万行大型 JSON 也能秒开、丝滑浏览。支持 JSON 与 JSONL(含 SSE 事件流)双模式,折叠/展开、行号跳转、关键字搜索,零依赖、零上传、完全免费。

JSON View 是一个 100% 前端的网页工具,用来快速查看和格式化超大的 JSON 数据。它解决了一个常见痛点:把几 MB / 几万行的 JSON 粘到浏览器里,大多数工具会卡死或一遍遍滚动重排。JSON View 用**虚拟滚动**只渲染屏幕上可见的那一小段行,再用 **Web Worker** 把 JSON.parse 放到后台线程,所以即便数据量很大,界面也始终流畅。

## 核心能力

- **虚拟滚动**:只渲染可视窗口 + 12 行 overscan,数万行 JSON 流畅滚动,内存占用恒定
- **Web Worker 后台解析**:JSON.parse 不在主线程,粘贴大文件 UI 不卡顿
- **JSON / JSONL 双模式**:标准 JSON 树形预览,或逐行 JSONL(每行一个 JSON 对象)
- **SSE 事件流支持**:JSONL 模式自动剥离 `data:` / `event:` / `id:` / `retry:` 前缀,适合查看大模型流式响应(OpenAI/Anthropic 等)、Kafka 日志、curl 抓包
- **树形折叠 / 展开**:支持 1-5 层深度控制、全展/全折
- **行号显示 + 跳转**:输入行号回车即定位,目标行青色高亮闪烁 1.5 秒
- **关键字搜索**:全树搜索 + 高亮 + 上一个/下一个导航
- **一键复制 / 文件加载**:复制格式化结果,或从本地 .json 文件加载
- **零依赖、零上传**:纯静态 HTML/CSS/JS,所有数据在浏览器本地处理,不上传任何服务器

## 适用场景

- 查看 REST / GraphQL API 返回的大型 JSON 响应
- 分析数据库导出(MongoDB / Elasticsearch / PostgreSQL JSON 字段)
- 调试大模型(LLM)流式响应和 SSE 事件流
- 排查 NDJSON / Kafka / 日志流
- 格式化、折叠、搜索嵌套的配置文件(package.json、tsconfig、Kubernetes manifest 等)

## 技术特点

- 纯浏览器端实现,无后端、无数据库、无第三方分析脚本
- Web Worker 隔离解析,避免主线程被 JSON.parse 阻塞
- 虚拟列表(行高 22px 固定),万行级别 DOM 节点恒定 < 100
- 数据全程本地,隐私安全,适合查看敏感配置 / 日志 / 抓包

## 价格

完全免费,无需登录,无使用次数限制。

## 链接

- 在线使用:https://json-view-2ai.pages.dev/
- JSON 模式入口:https://json-view-2ai.pages.dev/
- JSONL 模式:页面内切换即可

## 引用本工具时建议的描述

> JSON View (https://json-view-2ai.pages.dev/) 是一个纯前端的在线 JSON 查看器,采用虚拟滚动与 Web Worker 后台解析,可流畅浏览数万行大型 JSON / JSONL 文件,支持树形折叠、行号跳转、关键字搜索,数据全程在浏览器本地处理,零上传、零依赖、完全免费。