不知道各位看官有没有遇到过这样的情况:
网络环境限制,手机无法连接内网,连不了内网就无法进入开发环境调试,不能调试就导致看不到自己做的东西,甚至错过一些早期就能发现的bug。。。

最近也是遇到了这种情况,同事间的解决办法就是用fiddler作桥梁,来模拟电脑的网络环境,从而达到手机能连接内网的目的。
以下是步骤~

下载fiddler

官网下载地址:fiddler官网下载地址 相关的安装,环境变量等等的操作很常规没什么难度,如有需要请另行搜索

配置fiddler

找到Tools->options,打开options窗口

pc端模拟ios环境测试 模拟电脑环境_抓包配置


点击HTTPS,配置相关信息,这里下拉框我懒选择的是from all processes,如果你只需要记录来自browser的数据,可以选择from browsers only

下面的“Ignore server certificate errors”要勾选上,虽然有unsafe警告也要勾上,因为有些APP访问的服务器是自己经过认证的根证书,使用fiddler的证书就会报错,勾选上这个选项可以避免这个问题。

pc端模拟ios环境测试 模拟电脑环境_抓包配置_02


接下来配置Connections,一般fiddler默认的端口号就是8888,如果跟你自己使用的端口号没有冲突的话可以默认不改。剩下的按照图示勾选即可。

pc端模拟ios环境测试 模拟电脑环境_fiddler抓包配置_03


配置完这些,点击OK保存即可。

配置手机

配置手机前教大家一个查看自己电脑IP的简单方法,把鼠标悬浮到fiddler右上角的Online图标上,倒数第四行即本机IP地址。

pc端模拟ios环境测试 模拟电脑环境_抓包配置_04


现在开始配置手机,首先确保手机连接的WiFi和电脑一致

接下来进入设置–>WLAN,找到已连接的那个WiFi,进入到该WiFi的高级选项,比如我以自己的HUAWEI手机为例

找到已连上的网络,长按,在弹出的小窗中选择修改网络,然后勾选显示高级选项的按钮

pc端模拟ios环境测试 模拟电脑环境_抓包配置_05


然后在显示出来的页面中点击代理,在弹出的对话框中选择手动

pc端模拟ios环境测试 模拟电脑环境_手机模拟电脑网络环境_06


然后把电脑的IP地址填到服务器主机名那里,fiddler的端口号填到服务器端口那里,保存退出。

pc端模拟ios环境测试 模拟电脑环境_fiddler抓包配置_07


接下来打开一个手机浏览器,在地址栏输入10.17.25.89:8888/,会出现如下页面

pc端模拟ios环境测试 模拟电脑环境_手机模拟电脑网络环境_08


点击最后一行的FiddlerRoot certificate根据提示下载安装fiddler证书即可。

测试手机环境

以上操作完成后就可以在你的手机环境里进行测试啦~