2、谷歌F12介绍

 Elements

查看html元素和结构、选取元素、修改元素属性、取色器

Console

查看JS对象及其属性、执行JS语句、输出控制台日志 console.log()

Network

【Header】资源的请求url、HTTP方法、响应状态码、请求头和响应头及它们各自的值等

【Preview】预览面板，用于资源的预览

【Response】响应信息面板包含资源还未进行格式处理的内容

【Timing】资源请求的详细信息花费时间

【Cookies】显示相关的cookies信息

【Stalled】请求访问该URL的主机是有并发和连接数限制的,必须要等之前的执行才能执行之后的,这段时间的耗时

【Request sent】发送请求所消耗的时间

【Waiting】等待响应时间,这里一般是最耗时的

【Content Download】下载内容所需要消耗的时间

Application 

Application 记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据、字体、图片、脚本、样式表等。