charles的主頁面介紹
手機連上代理之後，每在手機上進行操作我們便會在charles上接收到請求。此時的charles頁面將會變成如下密密麻麻的內容，故這節課我們來講解一下Charles的主頁面
一：紫色區（工具的主導航欄）
從左至右的圖標解釋：
掃把按鈕
：點擊之後可清除抓取到的所有請求
圖標按鈕
：紅點亮起說明正在抓取請求，紅點展示爲灰色說明目前不在抓取請求狀態
烏龜按鈕
：灰色烏龜是網速設置正常，綠色烏龜指慢速網速開啓了
六角形圖標
：斷點圖標，灰色說明斷點未開啓，紅色說明在使用斷點
鋼筆圖標
：編輯請求，點擊之後可以修改請求的內容
刷新圖標
：重複發送請求的圖標，先選定某一請求點擊該圖標則請求會被再次發送
對號圖標
：
扳手圖標
：對應於導航欄中的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：詳情內容的詳細情況