F12的用法

F12在Web測試中十分重要，能夠定位元素（UI自動化經常使用），查看網頁響應時間/數據（定位BUG，測單頁面響應時間→性能）

Elements

點擊這個按鈕，將光標移至「Google」圖片位置並點擊，右側的F12控制檯就會選中對應的HTML標籤（......能夠修改頁面元素的屬性）。

重點：在「標籤」位置右鍵→Copy→Copy Xpath （便可獲取元素的定位）

 

Console和Sources

這個兩個用的比較少，console會打印請求，返回的結果以及數據，能夠有必定的分析做用。

能夠判斷：js錯誤，數據錯誤

 

Network

Headers:頭信息	請求頭、請求體，響應頭、響應體 請求數據： Query String Parameters → get傳參的請求數據 Form Data → post傳參的請求數據
Preview：預覽	返回數據預覽
Response：響應報文	格式能夠是HTML，json.... 依據響應報文，判斷是否爲bug是哪端的
Timing：時間	這個頁面請求到響應的時間

注意：

 紅色爲錄製狀態，會將瀏覽器的全部操做顯示在控制檯

點擊能夠清除控制檯全部的內容