当前位置: 首页 > Web前端 > HTML5

以Charles为代理测试电脑端编写的H5页面

时间:2023-04-05 02:13:32 HTML5

,做H5页面的同学可能经常会遇到一个场景,就是如何在手机端访问测试电脑端调试的页面?下面就介绍一个我经常使用的方法,使用Charles代理软件来实现!安装Charles直接到官网下载对应的系统版本并安装即可。下载地址软件本身是收费的。如果免费使用,软甲开启前会有延迟提醒,无视即可,或者找破解版的代理配置。双击打开软件找到代理配置项,选择系统代理(我这里我用的是Mac版):打开代理配置,设置代理端口,将手机上的WIFI代理设置为manual,填写上面配置的端口和地址以及电脑的IP地址,在手机上配置wifi手动代理,可以根据型号搜索手机接入测试就知道了。比如电脑上有一个H5项目已经配置好了。虚拟主机域名为demo.yangbai.com。如果没有配置虚拟主机,直接使用ip和端口访问项目。如果这时候没有意外,回到电脑前。弹出弹窗询问是否允许此手机连接,点击允许即可!然后就可以访问了,在Charles的左侧可以看到请求数据。