## 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
### 八、移動設備調試