Charles 对端口监听的设置方法

Charles 是在Mac下常用的截取网络封包的工具，在开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。

Charles通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。

那么，Web 前端开发可以拿 Charles 来做些什么呢，我们可以用它来监听某个端口，从而查看到移动设备上的“网络包”。

这里介绍一下 Charles 对端口监听的设置方法

---

首先要确定的是，Charles 和移动设备需要在同一局域网中。

Charles客户端上：

• 在菜单栏找到 Proxy Settings...

Paste_Image.png

• 端口号填写 8888，勾选 Enable transparent HTTP proxying。

Paste_Image.png

移动设备上：

• 找到 WiFi 设置
• 找到 HTTP 代理，以 iOS 为例：

Paste_Image.png

输入 IP 地址，输入相同端口号 8888（和 Charles 相同的设置）。

至此，设置就完成了。
以下是我用 iphone 打开一个微信公众号文章过程中，Charles 捕获到的网络活动信息

Paste_Image.png

[完]