俗话说的好：抓包抓的好，监狱蹲到老。
一般情况下，我们可以使用第三方的软件去查看网络请求和响应的过程。但是还有更加便捷的方式就是通过浏览器的开发者模式。
今天我们就以Chrome浏览器为例。来查看对服务器的请求以及响应的过程。
第一步：首先打开浏览器的开发者模式。并且定位到你要查看的请求的网站。
简书主页
第二步：通过刷新网页来加载所有的请求。
已经加载出来的网页文件
加载出的网页文件现在我们要做到是，分析哪些是我们需要的，哪些是没有用的。
文件类型1
文件类型2
在type中有很多的文件类型：
document ： 网页主体，一般返回的是html文件。
font：字体文件。
gif : 动图文件。
stylesheet：样式表。
webp：网页传输中一种图片文件，为了节省传输时带宽的占用。
x-icon：这是矢量文件。就像小图标一样。
xhr：也是动态加载的一部分，也就是说在不加载整个页面的情况下，与服务器产生少量的数据交换。是ajax的一种用法。
第三步：通过点击name属性来查看具体的请求。
具体的响应
通过点击name属性就可以看到当前的这个文件的具体的请求头，以及返回的数值，还有预览。也就是说如果是图片文件的话，会在preview中查看的到。如果是网页会展示出网页给我们看，如果是图片的话，也就会显示图片处理。
希望大家可以发现新大陆。嘻嘻。
网友评论