专门对付大 JSON 的 Chrome 扩展:JsonBolt

专门对付大 JSON 的 Chrome 扩展:JsonBolt

调试接口的时候经常遇到几十 MB 的 JSON:浏览器自带的查看器直接卡死,VS Code 打开要装插件还要手动格式化。所以做了 JsonBolt——一个 Manifest V3 的 Chrome 扩展,专为大体积 JSON 检查设计。

项目地址:https://github.com/misswell/json-bolt

几个关键设计:

  • 解析放在 Web Worker 里,贴粘贴或者拖一个文件进来都不会卡 UI,解析进度有消息回传
  • 特别大的文件走流式解析路径,避免在主线程整文件读取
  • 树是虚拟化渲染的(react-window),再大的结构也只渲染可见部分,支持按深度展开、按字节范围懒加载
  • 搜索键和值,支持上一个/下一个导航
  • 格式化、压缩、复制、展开/折叠全部、以及报错定位(行/列/字节位置,包括尾随内容、非法数字、非法转义这类严格校验错误)

整个扩展页打开就是一个全屏工作区,不是那种小弹窗。中英双语跟随浏览器语言。

如果你天天跟 API 返回的大 JSON 打交道,可以装一个试试。仓库:https://github.com/misswell/json-bolt

posted @ 2026-09-05 11:03  misswell  阅读(5)  评论(0)    收藏  举报