手机通过charles代理预览测试h5程序

总体来说，就是使用App Helper将url转化为二维码，然后在手机上扫描该二维码进行访问。
需要注意的事项有以下几条：
1.手机和电脑必须连接同一个wifi。
2.手机端配置代理，服务器主机名为电脑的IP地址，服务器端口为 charles中配置的Proxy Settings中配置的端口。

image.png
image.png
3.讲道理说这时charles中会出现弹框，询问是否允许访问还是什么的，反正确认允许就可以了。
如果没有出现的话，需要手动配置手机的IP在charles中。
image.png
4.如果这时扫描二维码还没有反应的话，手机端打开http://charlesproxy.com/getssl
出现安装证书提示，随便打个名称 比如android，选择WLAN（这里Android，一定要选WLAN而不是VPNxxx）。
image.png
5.此时应该妥妥的能在手机上访问到电脑上的h5程序了…………