Preview & edit JSON on any page — just hover
悬浮预览、编辑页面上任何 JSON 文本
Hover over JSON text to instantly see a formatted tree view
鼠标悬停在 JSON 文本上，自动识别并弹出格式化的树形预览
Open JSON in input fields with validate, beautify, minify & apply
输入框中 JSON 可一键打开编辑器，支持校验、美化、压缩、回填
Keys, strings, numbers and booleans in distinct colors, light/dark themes
键名、字符串、数字、布尔值等用不同颜色区分，支持深色/浅色主题
JSON over 500KB parsed in a Web Worker — no page freezing
超过 500KB 的 JSON 通过 Web Worker 解析，不阻塞页面
Copy formatted JSON or apply changes back to the input
复制完整 JSON 或格式化后的内容到剪贴板
Domain whitelist, theme, font size, and default collapse depth
域名白名单、主题风格、字体大小、折叠层级均可自定义
Install the extension first, then hover or click the JSON samples below.
请先安装扩展，然后悬停或点击下方 JSON 示例体验功能。
Hover over these texts, wait 300ms, then click the 👁 icon.
鼠标悬停在这些文本上，等待 300ms 后点击出现的 👁 图标。
| Type | 类型 | Content | 内容 |
|---|---|---|---|
| Object | 简单对象 | {"name":"Alice","age":30,"active":true} | |
| Nested | 嵌套对象 | {"user":{"profile":{"name":"Bob","contact":{"email":"bob@example.com"}},"roles":["admin","editor"]}} | |
| Array | 数组 | [{"id":1,"name":"Alice"},{"id":2,"name":"Bob"},{"id":3,"name":"Charlie"}] | |
Focus or hover over the input, click the 👁 icon to open the editor.
聚焦或悬停输入框，点击右上角 👁 图标打开编辑器。