fiddler工具學習

duanxz發表於2024-12-05

使用場景:

  1. 輔助缺陷定位
  2. 模擬測試場景
  3. app弱網模擬測試
  4. 匯出指令碼

與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

相關文章