## Chrome浏览器调试 ### 一、Elements 1、查看、编辑页面上的元素内容或结构，包括HTML和CSS。 2、dom断点：可以定位改变该元素的js方法。 3、快速直观调试css，快速找到元素监听事件。 ### 二、Resources 1、查看请求的资源包括CSS、JS、图片、Cookie、存储相关等的内容。 ### 三、Sources 1、查看或修改资源文件CSS、JS、图片。压缩代码格式化。 2、js断点调试。 ### 四、Network 分析网站请求，包括请求头，响应信息等，用于分析与后端交互情况。 User-Agent（识别客户端信息）、Referer（验证请求来源） ### 五、Timeline JS执行时间、页面元素渲染时间。网络请求响应时间要在Network里看。 ### 六、profiles 1、js的cpu占用率调试。 2、js、dom内存占用调试。 3、实时监控内存占用回收。 ### 七、Audits 查看css使用率，分析冗余css ### 八、移动设备调试