以下是Chrome开发者工具的一些标签页功能，大家可以先粗略的了解一下，尤其是Element标签我们会经常用到哦。
| Device Mode | 你可以用来检查网页是否是响应式的，是否兼容其他不同分辨率的手机 |
|---|---|
| Element 标签页 | 用于查看和编辑当前页面中的 HTML 和 CSS 元素； |
| Network 标签页 | 用于查看 HTTP 请求的详细信息，如请求头、响应头及返回内容等 |
| Source 标签页 | 用于查看和调试当前页面所加载的脚本的源文件 |
| TimeLine 标签页 | 用于查看脚本的执行时间、页面元素渲染时间等信息 |
| Profiles 标签页 | 用于查看 CPU 执行时间与内存占用等信息 |
| Resource 标签页 | 用于查看当前页面所请求的资源文件，如 HTML，CSS 样式文件等 |
| Audits 标签页 | 用于优化前端页面，加速网页加载速度等。 |
| Console 标签页 | 用于显示脚本中所输出的调试信息，或运行测试脚本等。 |
开发者工具基础：安装成功Chrome浏览器之后，使用Chrome打开一个网页，然后知道如何打开开发者工具；点击Chrome浏览器的工具栏的各个标签，粗略了解每个标签页的作用。
