谷歌瀏覽器調試頁面可以直接按鍵盤F12打開，也可以鼠標右鍵點擊 "檢查"打開
可以設置調試頁面位於網頁上的位置
打開調試頁面有以下幾個模塊：
1：選擇需要查看的頁面HTML元素，通過選擇定位到Elements中的HTML結構和css樣式
2：用來切換手機模式 和 電腦模式
3:Elements主要是用來渲染HTML結構和css樣式以及事件綁定
4：Console控制台，主要是用於顯示 輸出信息、警告信息、錯誤信息 、模擬window下的變量 屬性 和函數
5：Sources顯示當前頁面所使用的源代碼文件，主要用於對代碼進行端點調試和代碼測試，source里面的文件是可以下載到本地的。
6：Network 顯示網絡請求的數據
7：Performance用於檢測頁面性能
8：Memory 用於監控內存消耗
9：Application用於記錄本地緩存的信息（cookie，session，localStorage,sessionStorage）
10:Security用於顯示網頁安全相關信息
11：Audits用於對當前網頁進行網絡利用情況、網頁性能方面的診斷。
下面對每個模塊進行具體的學習：
模塊1：
模塊2：
模塊Elements：
模塊Console：
模塊Sources:
模塊Network:
