我們在開發移動端頁面的時候，抓包是必不可少的除錯手段。抓包工具推薦使用charles，介面簡潔、功能強大、配置靈活，走過路過不要錯過。這篇文章總結一下charles的主要功能以及能幫助我們解決的問題。
我們可以在tools -> rewirte開啟視窗，介面如下：
圖中分3塊區域：
規則，你可以自定義多套規則，一套規則包括對哪些url進行哪些修改。
url集，你可以配置對那些url進行修改
具體的修改規則
上圖中可以看出，我配置了一套規則，針對主站內所有url進行修改，修改規則為兩條，下面我們來看一下這兩條規則如何配置。
第一條規則配置如下：
可以看到配置很簡單，type選的是add header,即新增乙個請求頭。然後把登入的cookie填到下面，然後就可以愉快的以登入狀態在本地訪問測試或者線上環境了。但是有乙個不好的地方，cookie一般都有時效，所以時效的時候，你要重新更改配置中的cookie。
第二條規則是為了解決乙個編碼問題，我在除錯過程中遇到一些請求返回的json字串在charles中顯示為亂碼，但是**執行結果正常，抓包發現這些亂碼的請求的響應頭accept-encoding為gzip,deflate,br，有乙個br編碼方式，服務端會優先採用br來編碼，而charles貌似不識別這種編碼，所以我在這條規則中將br去掉，這樣就可以正常顯示返回的json字串，規則如下：
rewrite還有很多其他的用法，比如新增請求資料、修改請求資料、修改請求狀態碼等等。
一般情況下採用第二種，比較靈活，這時候我需要配置一下映**：
charles上的解釋為use local files serve remote locations。用本地檔案去服務遠端介面，我們可以用我們本地的檔案當做遠端介面的響應資料。這個功能一般有兩個應用：
配置方法很簡單，如下：
前端除錯利器 Charles
docs 開發之 charles 配置指南 2.啟用 使用公司正版license 啟用 安裝證書 點選證書並選擇 始終信任 證書不被信任可能會導致 開發時部分資源檔案無法載入。設定 將你需要 https的 新增進去 本地除錯 如果你想 bear test 到本地，你需要 點選map remote 新...
Mac前端裝機必備之 Charles
charles是一款收費的抓包修改工具，易上手，資料請求容易控制，修改簡單，抓取資料的開始暫停方便等優勢！下面詳細介紹下這款強大好用的抓包工具。以下兩個操作時必須的 如不你公升級了系統，設定下沒有任何 這個選項。解決辦法 在終端下 執行 sudo spctl master disable 開啟cha...
charles 基本操作
說到專案中解決跨域的方法，不得不提一下這個工具 api 請求在 主機名下。可以這樣配置 假如我們本地服務在192.168.0.112上，如上配置後，請求192.168.0.112 8080 api就會通過中介軟體請求到www.example.org api這個介面，從而解決跨域問題，也就可以不用ch...