前端开发 在控制台打开页面在network里怎么查看添加得插码

JavaScript018

前端开发 在控制台打开页面在network里怎么查看添加得插码,第1张

一般情况下我们看Network里面的Preview和Response的结果似乎一模一样。不管是请求页面,请求页面还是请求js还是请求css,二者的结果都一样。

如下图:

直到今天从服务器端向web前端发送一段json格式的数据,才发现Preview的特殊功效。

如下是Response的数据(即返回结果),不具备可读性。

在Preview(预览功能)中,控制台会把发送过来的json数据自动转换成javascript的对象格式。

4

而且可以层层展开,方便前端工程师遍历调用(特别是在多维的情况下)。

如下代码:

$.each(data,function(key,value){

//...

$.each(value.homework,function(k,v){

//...

})

})