功能开发中
首页 / 开发 / JSON查看器

JSON查看器

格式化和查看JSON数据。


    

    
    
  

  
        

        

          
          
          
        

      


      

        
使用教程

        
    
          
  1. 将JSON数据（单行压缩或多行格式均可）粘贴到输入框
    2. 
          
  2. 点击"格式化并查看"按钮
    3. 
          
  3. 左侧/上方显示格式化后的带缩进 Pretty JSON
    4. 
          
  4. 右侧/下方显示交互式树形视图：
    5. 
          
  5. 使用搜索框输入关键词高亮所有匹配的key或value
    6. 
          
  6. 使用JSONPath输入框执行路径查询提取特定值
    7. 
          
  7. 查看底部统计面板了解JSON结构概览
    8. 
          
  8. 可选：切换到"原始"视图查看输入的原始文本
    9. 
        

      



      

        
使用场景

        
    
          
  • API响应审查：Postman/浏览器DevTools中复制的JSON响应该视化检查字段结构。
    • 
          
  • 配置文件检查：tsconfig.json/package.json/eslint配置等复杂嵌套JSON的可视化验证。
    • 
          
  • 日志数据分析：ELK Stack导出的JSON格式日志的可读化浏览。
    • 
          
  • Mock数据设计：前端开发中设计和审查API mock response的JSON结构。
    • 
          
  • 教学演示：JSON格式入门教学中的实时解析演示工具。
    • 
          
  • 数据迁移验证：ETL管道中源JSON数据和目标写入数据的结构比对。
    • 
          
  • Bug定位辅助：用户报告的"奇怪JSON"数据的快速结构探查。
    • 
        

      



      

        
常见问题

        

          
Q: 支持多大的JSON文件？

          
A: 建议控制在5MB以内（约10万行）。超大文件可能导致浏览器卡顿。生产环境建议使用命令行 jq '.' | less。

        

        

          
Q: 能编辑JSON吗？

          
A: 本工具主打查看和验证。如需编辑功能建议配合JSON Editor类工具或IDE内置的JSON支持。

        

        

          
Q: 支持JSON Comments吗？

          
A: 标准JSON不允许注释。但工具可宽容解析 // 和 /* */ 风格的非标注释（显示时会保留）。

        

        

          
Q: 树形视图的折叠状态可以保存吗？

          
A: 当前版本不持久化折叠状态。刷新页面后回到全部展开的初始状态。

        

      



      
    


    

      

        

          

            工具名称
            JSON查看器
          

          

            所属分类
            
              
              开发            
          

          

            更新时间
            2026-06-23
          

          

            使用次数
            37
          

          

            工具简介
            格式化和查看JSON数据。
          

        

      


      

        
功能特性

        

          

            
            交互式树形视图：点击节点可折叠/展开，轻松导航大型JSON文档。
          

          

            
            语法高亮：字符串(绿)、数字(蓝)、布尔(紫)、null(灰)、key(黑)分色显示。
          

          

            
            格式化美化：自动修正缩进(2空格/4空格/tab可选)输出Pretty-print JSON。
          

          

            
            错误诊断：解析失败时精确定位行列号和错误类型(Unexpected token/Trailing comma等)。
          

          

            
            数据统计：显示总键数、最大深度、数组最大长度、估算字节大小。
          

          

            
            JSONPath查询：输入$.store.book[0].title路径表达式快速定位值。
          

          

            
            搜索高亮：在JSON全文中搜索关键字并高亮所有匹配位置。
          

        

      


    

  


      


      

        

          

            
暂无收藏工具

          

        

        
收藏工具