Chrome浏览器调试功能介绍

（1）打开：

　　右击选审查元素 或者 Ctrl+Shift+I 或者 直接按F12

（2）介绍：

Elements(元素)　　　　查看、编辑页面上的元素，包括HTML和CSS

Resource(资源)　　    　　   查看到请求的资源情况，包括CSS、JS、图片、Cookies、HTML5的Database和LocalStore等

Network(网络)　　　　　　  分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容。你需要先打开开发人员工具，切换到这个选项卡，之后再刷新页面才会有显示。

Timeline(时间轴)　　　　　先打开这个选项卡，点击下面的`开始捕捉`才会有显示。显示页面中的一切时间，包括运行脚本、网络活动、页面渲染等等。

Profiles(报告)   　　　　　　可以截取一段时间的CPU使用情况报告、CSS类使用情况报告(用来剔除未用到的CSS)、堆内存快照(用于优化js脚本和DOM结构).

Audits(审计)　　　　　　　 让Chrome给你的网页提出一点建议，一般是关于哪些代码不必要、没用到.

Console(控制台)　　　　　　Javascript控制台

Sources(源代码)　　　　　　用于对js进行调试，左面有所有js代码的列表，中间是代码区域(下面有个格式化代码的功能)，右边是断点、触发器、调用栈等等

（3）

　　详情搜索 Chrome开发者工具  浏览器调试功能