Windows 監控 iPhone 上的 HTTP 訪問記錄

• 2020 年 1 月 4 日
• 筆記

有些測試場景需要知道在真實實體手機上訪問我們開發的頁面時產生了哪些不同的請求、訪問了哪些鏈接。這個事情在 Windows 上做起來很簡單，工具也有很多。瀏覽器自帶的監控工具、HttpWatch 等工具都可以實現，今天介紹的主角 charles-proxy 也可以實現，但是 charles-proxy 強大的地方在於它可以建立一個臨時代理服務器，手機上設置使用這個代理即可在 charles-proxy 中查看所有的瀏覽記錄。

安裝 charles-proxy

打開 https://www.charlesproxy.com/ 下載最新版本的 charles-proxy 並安裝。安裝完成後打開，默認情況下它會監控我們 Windows 本機的訪問記錄。

接下來我們來配置一下代理，讓我們的 iPhone 來連接。點擊 Proxy->Proxy Setting 菜單：

在打開的窗口中，勾選 Enable transparent HTTP proxying 複選框，端口我們設置為默認的 8888。然後點擊 OK 按鈕。

此時就已經開啟了代理，你需要看一下你的 IP 地址，好讓 iPhone 來連接。

打開 iPhone，將網絡和你電腦連接到一個內網中，在 WIFI 設置中，點擊 WIFI 名字右側的嘆號，進入設置頁面並點擊最下方的代理設置。

修改為手動配置，輸入你電腦的 IP 地址和端口號 8888

此時就已經配置好了，當你確定設置並返回的時候，你會看到 Charles 的窗口彈出了一個提示框，提示你是否允許這個連接。

這裡點擊允許就可以了，然後你手機訪問網頁時，這裡就可以監控到具體的訪問軌跡了。