谷歌瀏覽器（通常簡稱為 Chrome ）是由谷歌開發的網絡瀏覽器。在開發工作中，Chrome極大的方便開發調試代碼。
主流的瀏覽器都內置了 DevTools，掌握 Chrome 的調試技巧，可以提高工作效率。對於測試人員來說，掌握Chrome 的調試技巧，可以快速判斷一些前后端問題，抓取協議，判斷接口是否ok，截圖、還有進行弱網測試等等。
一、打開 Chrome 開發者工具
1.在頁面元素上右鍵點擊，選擇 “檢查”
2.快捷鍵 Ctrl + Shift + I (Windows)
3.Fn + F12
二、Chrome 開發者工具八個主要的面板：
- 元素面板 Elements
- 控制台面板 Console
- 源代碼面板 Sources
- 網絡面板 Network
- 性能面板 Performance
- 內存面板 Memory
- 應用面板 Appication
- 安全面板 Security
三、對於測試來講，用得最多的是網絡面板 - Network
Network 面板：
- 看請求的時間軸信息
- 看請求列表- 確認下請求狀態，資源大小和響應結果
查看請求的時間軸信息
選擇請求 – Timing
查看請求列表的基本操作：停止以及刪除
-
停止按鈕：默認只要打開開發者工具，就會處於啟動狀態，自動記錄所有請求日志。再點擊一次，小圓點成為灰色，即可停止記錄日志。
-
清除按鈕：用於清除當前面板中的所有日志信息
請求過濾 – Filter
在 Filter 欄輸入過濾的關鍵字，可以過濾出相應的請求。
Network 面板中的過濾器輸入框接受字符串或正則表達式，對應顯示匹配的請求。
例如 method、status 或者 mime-type :
獲取 top 相關的請求
過濾狀態碼為200的請求，status-code:200
也可輸入指定的請求屬性值來過濾，如： mime-type:image/gif larger-than:1K
表示過濾出所有大於 1KB 的 gif 圖片請求，
如果想要顯示所有可能的關鍵字，在空白的輸入框按下 [ctrl] + [space]
請求列表部分
請求排序：
- 默認按時間先后排序，最早的資源在頂部
- 也可點擊各列表頭，以按該列對請求進行排序
Headers：
信息頭，包括請求的基本信息、響應信息頭、請求信息頭、Cookies、請求體。
Preview：
預覽響應正文，查看圖像等。
Response：
查看請求的響應正文。
Timing：
這里詳細的列出了請求過程中的總時間及時間消耗明細。
移動設備模擬器 - Device Mode
可以設置各種分辨率，主流的安卓設備以及IOS系統的設備。
模擬不同的網絡狀態
移動端的時候，想試一試網絡速度對你項目有啥波動，比如，3G的時候，你首屏加載有多塊，加載是否順暢等。
Online 正常網絡、Offline 無網絡、Slow 3G 弱網絡等不同情況，從而很方便的測試異常網絡場景。
瀏覽器網頁長截圖
1、在開發者界面按：Ctrl+Shift+P
2、在輸入框輸入：Capture full size screenshot
按下回車鍵，等一會，會自動保存網頁的長截圖
打開就可以看到長截圖，非常溜，可以試一下。
console 調試台
調試台是開發用的比較多
------分界線------
人生三件事：
自己的事
別人的事
老天的事；
做好自己的事
少管別人的事
不管老天的事；
只有自己的事，是我們有能力控制的。
所以，當自己焦慮，擔憂，害怕的時候，問問自己，
這件事是自己的事，還是別人的事，一伙是老天的事。