手机通过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程序了…………

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容