前言
作為移動端開發人員用的最多的抓包工具就是charles,但是我近幾年一直做pc端的前端開發工作，感覺chrome的devtools已經滿足了日常的工作需求；對於charles的使用也很少。最近開始做一些webview的開發，對於灰度環境，線上環境的bug還是需要用到charles的，所以這篇文章也是我自己的趟坑之旅，用作平時對於charles的一些總結，以免出現有段時間不用再用的時候「抓瞎」的情況；
一、charles抓包原理
https抓包的原理還是挺簡單的，簡單來說，就是charles作為「中間人**」，拿到了 伺服器證書公鑰 和 https連線的對稱金鑰，前提是客戶端選擇信任並安裝charles的ca證書，否則客戶端就會「報警」並中止連線。這樣看來，https還是很安全的。
二、pc端抓包
一般我們正常安裝完charles之後就會,http資料就會正常抓取到
注：如果突然某一天charles連本機的http都抓取不到了，請檢查一下你本地是否開啟了vpn**，關閉vpn就好了。
我們正常安裝完charles是可以抓取到http資料的，但是https通常返回unknown。
因此想要抓取https的資料就要做些操作：
三、移動端抓包
四、charles常用技巧
例子（通過線上網域名稱訪問本地環境）
如果突然某一天你的charles連本機的http都抓取不到了，請檢查一下你本地是否開啟了vpn**，關閉vpn就好了。
如果你安裝了pc證書，手機也正常安裝證書一切都合乎常理，就是抓不到https的包，請檢查手機端是否啟用了證書，啟用方法：通用 - 關於本機 - 證書信任設定 - 把你的證書啟用就好了
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的其他例項 如果是共享計算機 如果你開的埠很多，搞到你自己都記不清楚了，那麼推薦你用這個 但是我都是寫好乙個埠的，...