Chrome调试

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

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

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

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

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

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

posted @ 2017-11-06 10:36  pengcx  阅读(128)  评论(0编辑  收藏  举报