JSON 树形视图：大文件怎么按需展开与搜索

树形视图解决的是「在一坨 JSON 里找一个字段」。文本视图靠肉眼扫，层级一深就失效；树形视图把每个节点变成可折叠的一行，配合键名与值搜索，定位一个字段通常只需要一次输入。

为什么大 JSON 不能一次性渲染

把每个键值对都变成 DOM 节点，一万行的 JSON 就是几万个元素。浏览器要为每个元素算样式、算布局，滚动时还要重绘——结果就是打开就卡、滚动掉帧。

正确做法是按需渲染：只创建当前可见层级的节点，展开时再生成子节点。这个工具在超大结果时会自动退化为纯文本展示，宁可少一层交互，也不让页面卡死。

定位一个字段的三步

1. 先搜键名。搜索框支持键名与值同时匹配，输入 orderId 会直接筛出所有含这个键的节点及其路径。
2. 再用「全部展开」看结构。搜到之后需要看它在哪一层、旁边有哪些兄弟字段，按层级全部展开比逐个点快。
3. 最后节点级复制。选中节点可以只复制这一棵子树，不用把整份 JSON 拷出来再裁。

顺序别反：先展开再搜，会在几万个节点里高亮，浏览器要先渲染完才能搜，慢且容易看漏。

路径比缩进更可靠

同一个键名在 JSON 里可能出现多次（比如数组里每个元素都有 id）。光看缩进判断不了是哪一条，必须看路径：data.items[3].id 与 data.items[7].id 缩进完全一样。

排查接口返回时，先用数组下标定位到具体元素，再看它的兄弟字段，比在文本视图里数括号快得多。

复制出去的内容还是合法 JSON 吗

节点级复制输出的是该节点对应的完整 JSON 片段，可以直接再贴回这个工具校验或格式化。注意复制单个标量（字符串、数字）时得到的是裸值而不是带引号的 JSON 字面量，这是刻意的——复制出来就是要直接用。