一、打開調試窗口的方法
方法一：直接F12打開
方法二：在網頁頁面，鼠標右鍵-檢查，即可打開調試窗口
二、調試窗口設置為中文顯示
調試窗口可以設置為中文顯示，方便初學者使用
三、調試窗口常用功能介紹
a. 查看接口請求信息（最常用）：Network（網絡）；
b.查看前端JS是否報錯：Console（控制台：查看前端是否報錯，明確前后端問題）
c.查看頁面元素定位：Elements（元素）：自動化UI測試時，常使用的頁面元素定位查看
d.查看cookie緩存信息：Application（應用）：查看接口請求攜帶的cookie信息等
3-1.查看接口請求信息：Network
頁面按鈕介紹:
錄制請求開關：紅色為打開錄制；
清除圖標：類似linux的清屏功能；
過濾圖標：打開/隱藏查看各類別請求，一般選擇打開，可以分類查看各類請求，例如：XHR(后端請求)、js、css、圖片、文件等；
后端請求：XHR, 即Fetch/XHR頁簽
搜索輸入框：輸入關鍵字查找請求；
單個請求的響應內容查找：點擊某個請求，鼠標點擊【預覽】頁簽的響應內容，ctrl+f 下方出現搜索框，輸入關鍵字查找響應內容
單個請求與整體請求的切換查看：點擊單個請求，再點擊Fetch/XHR
請求排序：點擊 Size或Time，對請求的大小或者響應時間進行排序
單個請求的信息查看：cookie、請求時間、請求的基本信息查看
3-2.查看前端JS是否報錯：Console（控制台），定位前后端問題
3-3.查看頁面元素定位：Elements
1)按鈕介紹：定位元素的按鈕及操作步驟和效果圖
3-4.查看cookie緩存信息
