标签：
（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开发者工具 浏览器调试功能
标签：
原文地址：http://www.cnblogs.com/h1359705211/p/4299827.html
