控制台network
浏览器F12进入。 F5刷新
参考文档：
http请求中各参数详解_参数在request的哪个部位-CSDN博客
一、总详解
调试时使用最多的功能页面是：元素（ELements）、控制台（Console）、源代码（Sources）、网络（Network）等。
元素（Elements）
用于查看或修改HTML元素的属性、CSS属性、监听事件、断点（DOM断点：在JavaScript调试中，我们经常使用到断点调试，其实在DOM结构的调试中，我们也可以使用断点方法，这就是DOM Breakpoint（DOM 断点））
控制台（Console）
控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。
源代码（Sources）：该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码，此外最重要的是可以调试JavaScript源代码，可以给JS代码添加断点等。
网络（Network）
网络页面主要用于查看header等与网络连接相关的信息。
资源（Resources）
查看本地资源信息的（cookie,local storage,session storage等）
应用资源（Application）
主要记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据、字体、图片、脚本、样式表等。
【Local Storage】浏览器永久存储 ，如果你在开发过程中使用了local storage来存储键值对(KVPs)，那么你就可以通过Local Storage窗格来检查、新增、修改、删除这个键值对；
【Session Storage】浏览器零时存储，会话级别；
【Cache Storage】浏览器本地缓存；
【Application Cache】应用程序缓存；
二.Network详解
参考文档：
http请求中各参数详解_参数在request的哪个部位-CSDN博客
1. HTTP头信息
重要的信息图：
2、Header属性分类
1、通用信息头
即能用于请求消息中,也能用于响应信息中,但与被传输的实体内容没有关系的信息头,如Data,Pragma
主要: Cache-Control , Connection , Data , Pragma , Trailer , Transfer-Encoding , Upgrade
2、请求头
用于在请求消息中向服务器传递附加信息,主要包括客户机可以接受的数据类型,压缩方法,语言,以及客户计算机上保留的信息和发出该请求的超链接源地址等.
主要: Accept , Accept-Encoding , Accept-Language , Host ,
3、响应头
用于在响应消息中向客户端传递附加信息,包括服务程序的名称,要求客户端进行认证的方式,请求的资源已移动到新地址等.
主要: Location , Server , WWW-Authenticate(认证头)
4、实体头
用做实体内容的元信息,描述了实体内容的属性,包括实体信息的类型,长度,压缩方法,最后一次修改的时间和数据的有效期等.
主要: Content-Encoding , Content-Language , Content-Length , Content-Location , Content-Type
5、扩展头
主要：Refresh, Content-Disposition
3、preview
查看资源预览信息（json形式）
4、Response
查看资源HTTP的Response信息(与preview一样，不过未作格式处理)
5、Cookies
查看资源Cookies信息
如果选择的资源在Request和Response过程中存在Cookies信息，则Cookies标签会自动显示出来，可查看所有的Cookies信息。
6、Timing
分析资源在请求的生命周期内各部分时间花费信息
可显示资源在整个请求生命周期过程中各部分时间花费信息
