除了功能，我们可以使用下面方法，查看交互过程，页面不能发现的问题；
什么是json
什么是json,json是什么,json如何使用
JSON是一种取代XML的数据结构,和xml相比,它更小巧但描述能力却不差,由于它的小巧所以网络传输数据将减少更多流量从而加快速度,
那么,JSON到底是什么?
JSON就是一串字符串 只不过元素会使用特定的符号标注。
{} 双括号表示对象
[] 中括号表示数组
"" 双引号内是属性或值
: 冒号表示后者是前者的值(这个值可以是字符串、数字、也可以是另一个数组或对象)
所以 {"name": "Michael"} 可以理解为是一个包含name为Michael的对象
而[{"name": "Michael"},{"name": "Jerry"}]就表示包含两个对象的数组
当然了,你也可以使用{"name":["Michael","Jerry"]}来简化上面一部,这是一个拥有一个name数组的对象
ps:现在还有很多人存在一些误区,为什么{name:‘json‘}在检验时通过不了,
那是因为JSON官网最新规范规定
如果是字符串,那不管是键或值最好都用双引号引起来,所以上面的代码就是{"name":"json"}
不要反驳,官网就是这么定义的。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
１．Webapp和后端交互的对象查看（方法与工具）
使用ｃｈｒｏｍｅ－Ｆ１２开发ｔｏｏｌ
ｉｎｐｕｔ１＋ｉｎｐｕｔ２就是帐号密码，你可以使用小箭头去识别这些控件的名字，和ｓｅｌｅｕｉｍ定位方式一样
比方博客园登录系统
2． 如果获取传输过程中的json对象以及如何查看
ｃｏｐｙ ｖｉｅｗ ｐａｒｓｅｄ下面的所有Ｊｓｏｎ后，这个网站把他整理核验 －如下
你就可以看到开发有没有写入过多的方法传入－去浪费你的流量和向server请求资源的浪费；如果控件没有的或者多余很多的一下就看出来的；这是前端ＵＩ功能点点的看不到！
https://www.bejson.com/
原文地址：https://www.cnblogs.com/shinge/p/8673355.html