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