Chrome调试

elements：用来查看，修改页面上的元素，包括DOM标签，以及css样式的查看，修改。

console：用来打印和输出相关的命令信息。

sources：js资源页面，这个页面内我们可以找到当前浏览器页面中的js源文件，方便我们查看和调试。所用的代码都是压缩之后的代码，我们可以点击下面的{}大括号按钮将代码转成可读格式。

network：网络请求标签页，可以看到所用的资源请求，包括网络请求，图片资源，HTML，css，js文件等请求。可以根据需求筛选请求项，一般多用于网络请求的查看分析，分析后端接口是否正确传输，获取的数据是否准确，请求头，请求参数的查看。

security：可以告诉你这个网站的安全性，查看有效的证书等

audits：可以帮助你分析页面性能，有助于优化前端页面，分析后得到的报告