jsonview插件高度可视化json数据

jsonview插件是目前最热门的一款开发者工具插件,它是查看json数据的神器。通常来讲,json数据一般没有经过格式化或经过了unicode编码,没有缩进,没有换行等,给开发者阅读造成了一定困难。而jsonview插件可以自动对json数据转码,缩进,格式化,直接显示出格式化后的数据,使得开发人员可以更好的阅读信息。
jsonview插件高度可视化json数据_第1张图片

特别说明

目前jsonview插件支持多个浏览器,小编这里提供的是jsonview chrome版本和jsonview firefox版本,更多版本用户可以在官网【http://jsonview.com/】自行下载。(快速安装:使用你要安装此插件的浏览器打开官网http://jsonview.com/,点击上图中的“Get it form Mozilla”按钮跳转到下图界面,如果为火狐浏览器直接点击“Add  to Firefox”,在点击浏览器左上角确定安装此软件,直接会在线安装软件,无需下载了)


jsonview插件高度可视化json数据_第2张图片

软件介绍

1. 在做开发的时候,经常需要从服务器拿数据,一般返回数据都会用json来封装。由于一些原因,从服务器端取得的json数据,往往是经过unicode编码,没有格式化的数据,很难阅读,如下图所示:
jsonview插件高度可视化json数据_第3张图片
这样的话,对开发人员在阅读的时候会造成一定的困扰。
2. 而jsonview插件正是应用与这个场景,它可以将json数据进行转码和格式化,以一种清新的形式展示给大家,如下图所示:
jsonview插件高度可视化json数据_第4张图片
这样更便于阅读。

jsonview插件如何安装?

1、小编谷歌浏览器为例,打开浏览器后,选择设置;
jsonview插件高度可视化json数据_第5张图片
2、点击扩展程序;
jsonview插件高度可视化json数据_第6张图片
3、直接将jsonview插件拖入到浏览器中,再点击添加扩展程序;
jsonview插件高度可视化json数据_第7张图片
4、启用插件即可,jsonview会自动读取和更改你在访问的网站上的所有数据。

jsonview插件高度可视化json数据_第8张图片


查看HTML CSS JS 等页面元素结构插件

http://addons.mozilla.org/firefox/addon/1843

你可能感兴趣的:(tools)