1. 程式人生 > >Fiddler(三) 頁面分佈以及詳解

Fiddler(三) 頁面分佈以及詳解

Fiddler

一、工具欄
1.備註:工具欄氣泡點選可新增備註,新增成功的備註可以在comment欄中展示;
在這裡插入圖片描述
2.【replay】回放操作:選中一條記錄後,點選【replay】可以再次請求一次該操作,
也可以按鍵盤上的字母【R】,利用快捷鍵回放
在這裡插入圖片描述
3.【〤】清空監控面板:下拉選項有多個,可以選中【remove all】清空所有,也可以選中【images】只清空圖片,非200的狀態的【non-200s】,或者非瀏覽器請求的【non-browserr】等

在這裡插入圖片描述
4.【go】除錯debug:選中一條記錄後,點選底部的【All Processes】右側的空白區域,出現一個圖片,首次點擊出現向上的箭頭,表示在發出去的時候打斷點,再次點選箭頭向下表示在返回的時候打斷點,第三次點選取消斷點操作;

傳送請求時設定斷點操作步驟:選中一條記錄,點選底部的【All Processes】右側的空白區域,點選【replay】重新請求一次,點選【go】讓斷點繼續往下走;
在這裡插入圖片描述
在這裡插入圖片描述
5.【steam】模式切換:fiddler有兩種模式:1、流模式:可實時把伺服器資料返回給客戶端;2、緩衝模式:http請求所有的資料都準備好之後才把資料返回給客戶端;一般預設情況下時緩衝模式,點選【stream】之後變成了流模式。
在這裡插入圖片描述

6.【decode】解壓請求:即把http中的請求解壓出來,方便我們檢視。
在這裡插入圖片描述
7.【keep:All sessions】保持會話:即記錄所有的會話,一般儲存的會話越多佔用的記憶體越大。
在這裡插入圖片描述
8.【Any Process】過濾請求:【Any Process】可以過濾一些無用的請求,例如只獲取chrome瀏覽器上的資訊,操作步驟:點選【Any Process】,等出現黑色的“+”時,一直按著滑鼠,將“+”拖動到谷歌瀏覽器上,【Any Process】變成了【chrome 18924】即代表只獲取谷歌瀏覽器的資訊,再次點選【chrome 18924】即可恢復到原來的【Any Process】。
在這裡插入圖片描述


9.【find】查詢:對於抓取的資訊較多時,可以通過查詢,標記出來,例如查詢51cto的資訊操作步驟:點選【find】後,輸入需查詢資訊“51cto”,選擇查詢後需要標註的顏色“pink”,點選確定後,監控面板中所有包含“51cto”的資訊都顯示為粉色背景.
在這裡插入圖片描述
在這裡插入圖片描述
10.【save】儲存會話:點選【save】可以儲存頁面中的會話,儲存後可以從【file】-【recent archives】中查詢儲存後的記錄。
在這裡插入圖片描述
在這裡插入圖片描述
11.螢幕快照和計時:點選後,頁面5s倒計時之後對當前螢幕進行截圖;點選時鐘可以進行計時,再次點選可以顯示計時了多久。
在這裡插入圖片描述
12.【browse】調取瀏覽器:點選【browse】,下拉框中出現了瀏覽器選項,點選可直接開啟對應的瀏覽器。
在這裡插入圖片描述

13.【clear cache】清除快取:點選【clear cache】可直接清除IE瀏覽器的快取。
在這裡插入圖片描述
14.【TextWizard】編碼/解碼:可以輸入的內容包括瀏覽器進行編碼和解碼,支援轉碼的形式有多種。
在這裡插入圖片描述
15.【Tearoff】分離面板:點選【Tearoff】可將右側的工具欄進行分離,如果想取消,直接點選彈窗中的關閉按鍵即可。
在這裡插入圖片描述

狀態列操作:

  1. 控制檯:可以輸入一些命令來操作
    在這裡插入圖片描述
    2.控制fiddler是否工作:預設時開啟,點選一次,則將fiddler關閉,圖示消失同時fiddler將不再工作了。
    在這裡插入圖片描述
    3.過濾會話來源:可以選擇只來自瀏覽器的“web Browsers”、不來自瀏覽器的“non-Browser”或者隱藏所有“hide All”,如果選中隱藏所有則將不展示會話內容。
    在這裡插入圖片描述
    4.記錄當前展示的會話的數量和選中的會話地址:
    在這裡插入圖片描述
    本文出自 “劉小白的雜說” 部落格,轉載請與作者聯絡!