F12控制台下的Network

Elements：主要用来查看前面界面的html的Dom结构，和修改css的样式。css可以即时修改，即使显示。
Console：查看错误信息、打印调试信息(console.log())写一些测试脚本以外，还可以当作Javascript API查看用。例如我想查看console都有哪些方法和属性，我可以直接在Console中输入"console"然后回车
Sources：主要用来调试js和查看源代码
Nextwork：

所有请求到的（接口、图片等等）
Status就是当前接口请求后的状态码，自上而下的第三行是过滤的，比如：Fetch/XHR就是只展示请求的数据接口

Headers面板

General：
Request URL：请求的地址
Request Mehotd：请求的方法（比如：POST，GET，PUT，DELETE等）
Status Code：请求接口后的状态码（200为成功）