Chrome调试博客地址

Chrome 的开发者工具分为 8 个大模块.

Element 标签页： 用于查看和编辑当前页面中的 HTML 和 CSS 元素。

Network 标签页：用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等。

Source 标签页：用于查看和调试当前页面所加载的脚本的源文件。

TimeLine 标签页： 用于查看脚本的执行时间、页面元素渲染时间等信息。

Profiles 标签页：用于查看 CPU 执行时间与内存占用等信息。

Resource 标签页：用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等。

Audits 标签页：用于优化前端页面，加速网页加载速度等。

Console 标签页：用于显示脚本中所输出的调试信息，或运行测试脚本等。

具体详情请参考学习chenmoquan的专栏：http://blog.csdn.net/chenmoquan/article/details/44943245