Charles 的界面詳解

後續補充..........

1、主導航欄

1.File、Edit、View、Proxy、Tools、Window、Help

2.View欄

（1）structure視圖是將網絡請求按訪問的域名分類；

（2）Sequence 視圖是將網絡請求按訪問的時間排序；

2、主界面介紹

 

一：紫色區（工具的主導航欄）

從左至右的圖標解釋：

掃把按鈕：點擊以後可清除抓取到的全部請求

圖標按鈕：紅點亮起說明正在抓取請求，紅點展現爲灰色說明目前不在抓取請求狀態

烏龜按鈕：灰色烏龜是網速設置正常，綠色烏龜指慢速網速開啓了

六角形圖標：斷點圖標，灰色說明斷點未開啓，紅色說明在使用斷點

鋼筆圖標：編輯請求，點擊以後能夠修改請求的內容

刷新圖標：重複發送請求的圖標，先選定某一請求點擊該圖標則請求會被再次發送

對號圖標：

扳手圖標：對應於導航欄中的tools圖標，有些許功能

設置圖標：設置charles中的狀況

二：紅色區（抓取鏈接該代理的全部手機全部的請求）

紅色區展現的是咱們抓取的全部的請求，點擊+以後即可以展開該host 域名下的全部請求。點擊請求以後便可在黃色區域看見該請求所對應的相應內容。

導航欄右邊的sequence是請求展現的另外一種形式。其實內容都是同樣的，只不過將全部的請求按照時間排序展現，再也不是分域名展現。

三：黃色區（在綠色區指定的某一個api的請求內容）

黃色區展現的是某一制定請求的請求內容，能夠切換導航欄查看請求的各類詳細狀況。例如：請求響應時間，請求頭，請求詳細內容，請求體等各類狀況。

首先咱們來看一下經常使用的幾個選項：
Overview：會展現該請求的一個大致狀況,例如：請求頭，請求響應結束時間，請求開始時間以及本身的notes等

content：如上圖所示的該請求的具體內容和服務器的相應內容（配合下面的導航欄進行查看該請求的具體內容header,cookies&&選擇呈現方式form,raw）

summary：也是展現一個該請求的大致資源分佈狀況。例如：服務器響應了多長時間，host是什麼等等

chart：以表格形式告訴咱們一個響應時間的分佈狀況。

notes：已經很清楚了，點擊以後本身能夠對該請求記錄一些東西，方便後續查看該接口的用途，可在overview中查看，以下圖所示

四：綠色區（上述該api的服務器的響應內容（只有在請求中選擇content時才能夠看到響應內容））

綠色區展現的是請求相應內容。一樣，是點擊導航欄會展現響應內容的詳細狀況。

header：響應的頭信息

text：文本形式展現響應內容

hex(16進制)和compressed（壓縮）通常不予查看

json：以json格式查看響應內容內容，簡單明瞭

json text：將json格式的內容展開書寫

raw：詳情內容的詳細狀況