在前端开发中,经常需要处理json格式数据,方便查看和调试。而chrome浏览器提供了很多插件来帮助我们更方便地处理json数据,今天我们就来介绍一款非常方便的json格式化插件——JSON Formatter。
插件安装
该插件可以在Chrome Web Store中直接下载和安装,也可以通过浏览器插件商店进行安装。
这里主要讲一下第二种,在chrome浏览器中,打开插件商店,搜索”JSON Formatter”,即可找到该插件,点击添加即可完成安装。具体的安装步骤,如下图所示:
当你完成第六步之后,你会发现,第五步 添加至Chrome 的地方,已经变成了下图 从Chrome中删除,其实这个时候也就是证明你已经安装成功了,刷新一下页面,就发现能正常显示json格式的数据了!!
使用方法
安装完成后,在浏览器地址栏右侧就会出现JSON Formatter的按钮。当你访问一个包含json格式数据的网页时,点击按钮,即可对数据进行格式化和美化,使得数据更加易于查看和理解。
此外,该插件还支持在浏览器调试控制台(console)中输出格式化后的json数据,方便我们在控制台中查看数据。
高级用法
除了基本的格式化功能,JSON Formatter还提供了一些高级功能。比如,你可以通过设置选项来改变输出的格式,如选择不同的主题、缩进大小、展开深度等。
该插件还提供了两种不同的预览方式:一种是在当前页面上显示,在该页面上修改后,会实时地反映在预览中;另一种方式是弹出一个新的浏览器窗口,以更方便地查看。
总结
JSON Formatter是一款非常实用的chrome浏览器插件,能够帮助我们更方便地处理json格式数据。对于前端开发工程师来说,可以大大提高工作效率。
注意:这里需要连外网,才能顺利打开Chrome的应用商店。
标签:插件,浏览器,json,JSON,Formatter,安装 From: https://blog.51cto.com/u_15408171/7455918