浏览器工具的使用

我们用chrome浏览器的开发者模式（F12）下的Network监听组来进行演示，它可以显示访问当前页面请求下所发生的所有网络请求和响应。

首先我们进入到百度的页面

可以看见看见在Network下，有七列状态码，其含义分别是：

第一列 Name ：请求的名称，一般会将 URL 的最后一部分内容当作名称。

第二列 Status ：响应的状态码，这里显示为200，代表响应是正常的。通过状态码，我们可以判断发送了请求之后是否得到了正常的响应。 

第三列 Type ：请求的文档类型。这里为 document ，代表我们这次请求的是一个 HTML 文档内容就是一些 HTML 代码。

第四列 Initiator ：请求源。用来标记请求是由哪个对象或进程发起的。

第五列 Size ：从服务器下载的文件和请求的资源大小。如果是从缓存中取得的资源，则该列
会显示 from cache 。

第六列 Time ：发起请求到获取响应所用的总时间。

第七列 Waterfall ：网络请求的可视化瀑布流。

我们进一步点入到第一列Name，我们可以看见，下面的页面：

这边便是我们经常去查找重要信息的地方，Headers里面包含了许多东西，首先是 General 部分：

Request URL 为请求的 URL 

Request Method 为请求的方法， 

Status Code 为响应状态码，

Remote Address 为远程服务器的地址和端口，

Referrer Policy 为 Referrer 判别策略，

再继续往下，可以看到，有 Response Headers 和 Request Headers ，这分别代表响应头和请求头。请求头里带有许多请求信息，例如浏览器标识、 Cookies 、 Host 等信息，这是请求的一部分，服务器会根据请求头内的信息判断请求是否合法，进而作出对应的响应。 

图中看到的 Response Headers 就是响应的一部分，例如其中包含了服务器的类型、文档类型、日期等信息，浏览器接受到响应后，会解析响应的内容，进而呈现网页内容。

这里的东西，需要大家仔细的去浏览，便于快速熟悉。