如何快速查看json结构

　　最近在学习微信小程序开发，学习的是小木学堂的视频教程，就在刚刚我发现一个很有趣的事情，原来使用浏览器F12开发者工具也可以快速查看json数据结构。因此记录下来，以此记下我留在博客园的脚印的开始。

　　废话不多说，开始正文。

　　通常做web开发的搬砖佬肯定少不了要使用到第三方开发平台的api，这个api返回的数据类型百分之80以上使用的是json数组，数据量少的json凭肉眼就能观察出它的内在结构，但是数据量大的呢？如下图如下图，是不是傻眼了呢？

---

 

　　

---

——  这是豆瓣api返回正在热映的json数据

—— http://api.douban.com//v2/movie/in_theaters

　　聪明的你肯定会想到，俺自己就是个脚本小子，俺自己就能写个小脚本，用浏览器打印出来。哈哈，聪明的你肯定不会想到还有更聪明的方法。

　　首先，浏览器地址栏打开那条api，网页肯定出现一连串的json数据，此时复制全部json数据，按F12，打开开发者工具的Console选项卡，定义一个变量，把复制的json数据赋值到这个变量，按enter。

var a = {"count": 20, "start": 0, "total": 42};

　　然后还是在console工具里，直接写个a，瞬间有趣的事情马上发生，哈哈😄

　　

　　查看json内部结构就这样轻松搞掂，是不是贼有趣啊？O(∩_∩)O

 

 

　　还有其他方法也很快速哟：

　　1、开发者工具里的network有个preview，出来的视图跟上面介绍的方法一样；

　　2、把json数据复制到网上的在线格式化工具，下面推荐一个

　　　　　　　　——  http://www.bejson.com/jsonviewernew/