下面是整個鏈結。
1.可以檢視具體的請求鏈結,檢視有沒有多餘對伺服器的請求,能否更好的優化和伺服器之間的通訊.
3.可以直接檢視統計請求,方便除錯有沒有入庫,或當發生載入異常等情況時,可以第一時間發現問題而無需等開發人員進行真機除錯才能判斷是伺服器還是客戶端的問題.
鑑於以上優點,如果路過圍觀的小夥伴們對這些優點感興趣又和我有一樣的苦惱,不妨繼續往下看,以下是安裝過程和在使用中的一些經驗.
2.配置charles.
如下:proxies一項設定如下,預設埠為8888,用於手機連上**的埠.
接下來ssl一項如下設定:
即允許ssl**,下方的*.*是要通過add按鈕新增進去的。在按」add」按鈕之後兩個輸入框均輸入」*」,」*」即可.
確定自己要填的ip位址段,window使用cmd命令列 輸入ipconfig回車 即可看到自己目前所在的ip,如192.168.0.108(首先這個ip位址最好是無線路由分配的),即可以設定為192.168.0.0/24.如此設定之後192.168.0.0~192.168.0.255的位址均可以訪問你的電腦,通過你的電腦進行**上網。如下圖:
3.設定手機端的相關引數.
不同手機設定方法可能有所不同,以安卓手機(谷歌原生4.0以上系統)為例,進入系統設定-》網路,長按目前和pc端連線一樣的路由名稱,彈出修改網路,選擇修改網路,如下:
按照以上截圖選擇顯示高階選項。配置剛剛pc的ip位址,和埠即可。
然後關閉pc端的防火牆,測試是否連線電腦成功。(此步驟很重要)
測試方法:點選隨便乙個應用(筆者啟動的是今日頭條),看charles的structure欄中有沒有出現一些資料夾,類似下圖,如果有則成功;
**********charles常用的一些功能介紹:
2)複製原鏈結。此功能可以複製請求的原鏈結,只要你使用chrome瀏覽器安裝了son viewer的外掛程式,黏貼上去回車即可看到返回的資料結構。同時也方便於發給伺服器的開發人員除錯用。如下:
3)清空捕獲的網路請求,正常狀態下在structure欄裡按ctrl+a,然後按delete鍵,就可以清除所有捕獲的網路請求,
4)檢視請求的相關資料。如下圖,overview可以方便的看出請求的時間長短,請求的大小和返回資料的大小,即資料請求的大概情況;
request用於檢視請求的引數是否攜帶正確。如下圖:
而response可以檢視返回的資料結構是不是我們想要的,如下圖,可以明確的看到拿到的封面資料是否正確。
*************charles目前尚有問題的地方:
1.同樣設定在一些機器可以捕獲到google analytics的請求,但有些不行,暫時還找不到原因.
Charles 手機抓包
開啟 charles,選擇 proxy mac os x proxy,這樣,瀏覽器重新整理頁面,http 資源就可以列印到 charles 裡面。如圖 兩個步驟,我們就可以輕鬆訪問 http 資源啦 在上面兩步驟的基礎之上,選擇 proxy ssl proxying settings 選項 開啟 s...
抓包軟體 Charles
修正 手機不必一定連線電腦分享的熱點,只需要手機和電腦在同乙個區域網下就可以了,手機 ip設定為電腦的ip。之前寫過一篇通過wireshark進行抓包,分析網路連線的文章 通過wireshark抓取ios聯網資料例項分析 最近一些工作需要抓包,在我的mac上安裝了wireshark之後,發現執行不了...
Charles 抓包配置
本文參考 charles 抓包配置 設定 設定的主介面如下 動態埠 啟用動態埠選項來監聽動態埠,每次查詢啟動時選擇。這樣可以避免與計算機上可能執行的其他網路服務的衝突,包括charles的其他例項 如果是共享計算機 如果你開的埠很多,搞到你自己都記不清楚了,那麼推薦你用這個 但是我都是寫好乙個埠的,...