在實際開發中,咱們須要時常抓取線上的請求及數據,甚至是請求的html文檔,js,css等靜態文件來進行調試。在這裏,我使用charles來進行以上操做。可是呢,charles須要進行一系列配置才能達到咱們的要求。下面將介紹一個mac下詳細且完整的安裝和配置過程。css
在Charles官網下載,而後按照正常流程安裝便可。html
詳細步驟:點擊這裏服務器
手機鏈接同局域網,設置網絡的代理服務器爲該電腦的ip地址,端口爲8888,此時你已經能夠抓取http請求了網絡
1. 安裝Charles HTTPS證書spa
路徑:help–>SSLProxying–> Install Charles Root Ceriticate3d
2. 點擊Install Charles Root Ceriticate後,會直接跳到鑰匙串中。可是呢,這個證書並不能信任,此時咱們能夠點擊Charles Proxy CA,就會彈出第二張圖,在信任中選擇「始終信任」便可。代理
固然也並非全部人都能很順利的執行第一步,即在申請發佈證書時雙擊安裝出現不能修改System Roots鑰匙串問題:調試
此時,你只需點擊左下角的小圖標,點擊進入「登陸」標籤,而後經過help–>SSLProxying–> Save Charles Root Ceriticate... 而後將保存的文件直接拖到面板中便可。而後設置信任。。。htm
當電腦上已經安裝好證書以後,咱們將須要調試的手機設置該電腦爲代理服務器,端口爲8888blog
經過help–>SSLProxying–> Install Charles Root Ceriticate on a Mobile Device or Remote Browser,能夠得到下載提示,將Charles設置爲http代理,而後訪問chl.pro/ssl(網址可能會不一樣,所以必定要經過點擊得到的提示信息)。
經過Proxy–>SSL Proxying Settings
這樣一來,你就能夠經過Charles做爲代理服務器,獲取想要的信息。
最後說一點,最重要的一點,若是你使用charles,必定要連接以太網口,不能鏈接無線網。