F12开发者工具

一、介绍

谷歌浏览器开发者工具是一个专门用来调试Web端的工具，功能非常强大，可以调试浏览器代码，缓存，网络报文，性能等。

二、作用

1、F12开发者工具可用于查看HTML元素，响应事件，网络状态，冲用来快速定位调试分析问题

2、调试用到最多的功能通常就四个：元素（element），控制台（Console），源代码（Sources），网络（Network）

3、解析

Elements：可用于查看或修改HTML元素的属性、CSS属性、监听事件、断点；
Console：一般用于执行一次性代码，查看JS对象，查看调试日志信息或异常信息；
Sources：查看HTML、CSS、JS的源代码，调试JS代码；     
Network：查看URL、status、type、size、time、waterfall，弱网模拟

#

四、界面介绍

五、使用

1、报文信息