使用場景:
- 輔助缺陷定位
- 模擬測試場景
- app弱網模擬測試
- 匯出指令碼
與F12的區別:
1. 功能介紹
F12功能
元素(Elements):用於檢視或修改HTML元素的屬性、CSS屬性、監聽事件、斷點等。
控制檯(Console):記錄前端javascript物件、log資訊、異常資訊
原始碼(Sources):檢視網頁的原始碼HTML程式碼,js程式碼、CSS程式碼,可以直接修改程式碼進行前端除錯
網路(Network):與網路相關的介面請求響應和網路傳輸等
效能(Performance):監控該網頁的效能各種指標資訊
記憶體(Memory):記錄頁面跟隨時間的記憶體使用情況
儲存(Application):檢視一些本地儲存、會話儲存、已索引資料庫、Cookie、快取、幀等
安全(Security):除錯當前網頁的安全和認證等問題
Fiddler功能
web & 移動端抓包、檢視請求/響應、篡改請求/響應(請求前/後斷點)、過濾請求(根據站點-host)、反向代理(請求重定向)、弱網模擬、IP模擬、頁面(前端)效能統計、簡單介面測試、匯出測試指令碼、自帶fiddler Script (選單Rules->Customize Rules...)
2. 區別
工具型別
F12:瀏覽器自帶功能。
Fiddler:獨立安裝的PC端程式,實現原理為代理器。
兩個版本:
fiddler classic,僅支援Windows。
fiddler everywhere,支援Windows、mac、linux。
抓包型別
F12:抓取瀏覽器內的網頁。
Fiddler:可抓取web端、移動端請求(瀏覽器、app)。
匯出指令碼
F12:可匯出postman、jmeter、metersphere指令碼。
Fiddler:可匯出jmeter、Loadrunner指令碼。
轉:https://www.bilibili.com/video/BV1a3tseSEwh/?spm_id_from=333.337.search-card.all.click&vd_source=6c0d1dd8d2871582aaf981772c8c57c3