chrome F12开发者工具之preview 与response的区别

chrome F12开发者工具之preview 与response的区别

问题描述:
我们在Chrome浏览器按F12调试程序的时候会查看Network里的Preview和Response的结果,不管是请求页面还是请求js还是请求css，二者的结果似乎看起来都一样,那么这两者到底有什么区别呢?
❤把鼠标移到Perview上会显示(response preview) 即:响应-预览

❤把鼠标移到Response的意思是:(Raw response data)即:原始-响应-数据

二者的区别:
❤在Preview(预览功能)中，控制台会把发送过来的json数据自动转换成javascript的对象格式,而且可以层层展开，方便前端工程师遍历调用。

❤而 Response中的数据是没有进行格式化的.

这里所讲的的格式化是指:对后台传输过来的json、html、css等数据进行格式上的转换.
总结:
Perview的意思是(response preview)：响应-预览 (响应资源进行了格式处理的内容)
Response的意思是:(Raw response data)：原始-响应-的数据(响应资源未进行格式处理的内容)