目錄
一、 背景
二、charles簡介
三、charles重要特徵
四、charles常用功能簡介
五、參考文獻
在開發移動端專案中，在除錯前端頁面和後台互動的過程中，為了抓取資料進行分析，檢視可能出錯的地方，可以採用charles抓包。（在b/s架構的web專案中，在除錯前端和後台互動過程中，通常可以在jsp中加入「debuger」斷點，然後利用瀏覽器的f12開發者模式檢視可能出錯的資料）
charles是一款http**伺服器和http監視器，它可以檢視機器和網路中所有http、ssl/https傳輸，包括請求，響應和http頭（包括cookies和caching資訊）。當移動端在無線網連線中按要求設定好**伺服器，使所有對網路的請求都經過charles客戶端來**時，charles可以監控這個客戶端各個程式所有連線網際網路的http通訊。
structure模式和sequence模式structure模式：樹形結構，以網域名稱劃分請求資訊，容易定位需要分析和處理的資料；可以清晰檢視請求的資料結構。
sequence模式：以資料請求的順序執行，請求早，響應快的資料排在前面，能夠清晰瀏覽全部請求。
mock功能
可以通過mock功能修改資料。
慢網速在做移動開發的時候，我們常常需要模擬慢速網路或者高延遲的網路，以測試在流動網路下，應用的表現是否正常(如模擬應用在網路較慢時的響應時間等情景)。
斷點breakpoints
charles官網：charles使用(安裝、mock、限速、斷點功能)：
charles mock測試總結：
charles可以抓取https報文的原理：
charles實用小功能：
charles的https抓包方法及原理分析：
Charles學習筆記
charles抓包工具學習筆記 charles抓取https請求需要單獨的設定，詳情參見 1 charles頁面介紹 工具欄介紹 清除所有請求 紅色時為正在抓取請求，黑色時為不抓取請求 灰色烏龜是網速設定正常，綠色烏龜指慢速網速開啟了 斷點圖示，灰色說明斷點未開啟，紅色說明在使用斷點 編輯請求，可以...
charles前端應用
我們在開發移動端頁面的時候，抓包是必不可少的除錯手段。抓包工具推薦使用charles，介面簡潔 功能強大 配置靈活，走過路過不要錯過。這篇文章總結一下charles的主要功能以及能幫助我們解決的問題。我們可以在tools rewirte開啟視窗，介面如下 圖中分3塊區域 規則，你可以自定義多套規則，...
charles 基本操作
說到專案中解決跨域的方法，不得不提一下這個工具 api 請求在 主機名下。可以這樣配置 假如我們本地服務在192.168.0.112上，如上配置後，請求192.168.0.112 8080 api就會通過中介軟體請求到www.example.org api這個介面，從而解決跨域問題，也就可以不用ch...