1,471
社区成员
发帖
与我相关
我的任务
分享哈哈,开个玩笑,大家别当真~~
我是一名前端开发工程师,我的成长之路可以说是谷歌见证的,每天工作打交道最多的就是谷歌浏览器了.
我的谷歌浏览器陪我见过凌晨4点的武汉,也陪我因为代码bug运行到崩溃,不论我怎么折腾调试debug,它永远可以是我最值得信任的队友。
谷歌浏览器版本也是从64一路升级到现在快100多的版本~
和谷歌的故事真的是太多了,说起来怕啥三天三夜也写不完
先给大家分享一个我一天要用几十次的谷歌浏览器插件——JSON-Handle (JSON可视化插件)
日常开发过程中,对接后台返回的数据接口时,数据格式常常是各种json格式字符串,在netWork里面查看十分不便,需要在网上找一个json格式化的工具再查看,然后再取数据字段,然后绑定到页面上,十分不便,推荐这么一款前端开发的浏览器插件工具给大家使用。
返回数据:
{"l1": {"l1_1": ["l1_1_1","l1_1_2"],"l1_2": { "l1_2_1": 121}},"l2": {"l2_1": null,"l2_2": true,"l2_3": {}}}
复制到插件格式化后:

效果一目了然,支持编辑,展开,收缩,以树形图样式展现JSON文档,极大提升了开发效率
1、首先在网上下载json-handle的包,
2、打开谷歌浏览器,点击浏览器的更多工具中的扩展程序

3、然后点击浏览器的更多工具中的扩展程序,将下载好的json-handle包拖进扩展程序中,最后创建一个快捷方式,固定到浏览器上方即可使用


4、使用的时候点击图标进入把想要解析的json文件复制过来,点击OK即可查看

5、转换后效果

感谢大家的支持