美文网首页Web前端之路
手机通过charles代理预览测试h5程序

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

作者: 天上月丶 | 来源:发表于2018-05-23 19:43 被阅读32次

总体来说，就是使用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程序了…………

相关文章

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

    总体来说，就是使用App Helper将url转化为二维码，然后在手机上扫描该二维码进行访问。需要注意的事项有以下...

  • charles 反向代理

    在app中嵌套的h5页面，实时预览本地h5页面。下载安装charles，并且手机代理上。 这样就算好了。第一次可能...

  • 使用Charles做接口测试

    在一个微信H5项目中,使用Charles做了抽奖池的极限值测试,效果还可以. 基本设置方法 设置手机连上pc的代理...

  • Charles 抓包教程

    一 手机不翻墙抓包 手机倒入Charles证书并信任： 1.第一步：手机连上自己Charles代理(当前电脑代理+...

  • 小米安装Charles证书

    小米手机： 1、打开charles 2、连接charles代理 3、下载charles证书，访问：chls.pro...

  • OkHttp. RecoConnection StreamAll

    OkHttp. RealConnection StreamAllocation 测试下连接Charles代理的情况...

  • Windows 版 Charles 使用指南

    为什么使用 charles-windows 在实际开发、测试中需要通过代理截取 app 的网络请求报文来快速定位问...

  • Charles 抓包

    手机抓包 1.电脑上启动Charles 2. 在iphone,Android手机连接charles代理 2.1 修...

  • 抓包神器之Charles

    Charles 是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当程序连接Charles的代理访问互联网...

  • charles使用

    Charles 是一个HTTP代理服务器,HTTP监视器,反转代理服务器，当程序连接Charles的代理访问互联网...

网友评论

    本文标题：手机通过charles代理预览测试h5程序

    本文链接：https://www.haomeiwen.com/subject/amrdjftx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    Web前端之路

    关于我们|服务条款|联系我们|手机通过charles代理预览测试h5程序|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！