移动调试环境搭建-Fiddler篇

移动调试环境搭建是前端工作者必备的一项小技能，方便我们在移动端调试我们的代码。这里需要注意的是，移动端和pc端的ip地址必须在同一网段内，才能通过fiddler搭建成功。

通常，我们将pc和移动端连接同一wifi，避免了查看pc和移动端是否在同一网段的问题。具体搭建步骤如下：

1.工具及移动设备：

Fiddler4

小米手机android 4.4.2

2.搭建步骤

（1）将pc端连接WiFi为【dandan】，手机端连接WiFi为【dandan】，注：WIFI无需指定的【dandan】，两个设备在同一网段即可，以下步骤中使用的WIFI均为【dandan】

（2）打开Fiddler--~~>Tools~~-->Fiddler Options，点击【connections】选线栏，设置一个端口号，如【8888】，选中【Allow remote computers to connect】,如下图所示：

（3）查看本机ip地址，在cmd中输入ipconfig，找到【无线局域网适配器】中的ipv4地址：192.168.***.***，如下图所示：

（4）开启手机WLAN，连接WIFI【dandan】，打开【dandan网络详情】，将【代理】设置为【手动】，【主机名】设置为pc端无线局域网ipv4地址【192.168.***.***】，

【端口号】设置为fiddler中填写的端口号【8888】，如下图所示：

（5）此时，手机端发送请求，fiddler将都能截获到，如下图所示：

（6）现在，我们可以开始配置hosts文件了，以便于我们可以在各个环境（dev、beta）上调试我们的代码。

（7）到这里，我们就已经完成移动端调试环境Fiddler的搭建了。