平时开发调试免不了要在浏览器里查看接口返回的JSON数据,原生展示往往是一长串纯文本,眼都快看瞎了。直到我遇到JSON Viewer这个插件——它是从Firefox的JSON查看器移植过来的,安装后只要在Chrome里打开一个.json文件或者API返回的JSON内容,页面瞬间变得清爽:语法高亮、可折叠的数组和对象,每个层级前面都有“+”小图标,点一下就能展开,子节点自动缩进,颜色区分字段名和字符串,非常直观。
核心功能与体验
比起Chrome自带的“查看源代码”,JSON Viewer真正把数据结构可视化了。比如一段嵌套五层的用户信息,原生显示只能手动数括号,而这个插件直接渲染成一个交互式树,深层键值对一目了然。尤其当JSON体积较大时,折叠功能可以避免滚动到头晕,只关注需要的部分。另外它保留了Firefox原有的简洁风格,没有多余菜单,右键还能复制路径,对调试API很有帮助。
对比同类插件如JSONView或FeHelper中的JSON格式化,JSON Viewer的响应速度更快,因为它是纯本地解析,没有网络请求,而且兼容性很好,本地文件或HTTPS页面都支持。它的代码开源在GitHub,更新也比较积极,作者是pd4d10,移植自Mozilla的官方实现,稳定性有保障。
安装后不需要任何配置,开箱即用。如果你经常和JSON打交道,这个插件绝对能节省大量翻找数据的时间,强烈推荐给前端和后端开发者。