资讯专栏INFORMATION COLUMN

利用Charles做代理测试电脑上写的H5页面

Tikitoo / 1335人阅读

摘要:做页面的同学可能经常会遇到一个场景,就是电脑上调试好的页面怎么在手机上访问测试呢下面就介绍一种自己经常使用的方式,利用代理软件来实现安装直接去官网下载对应的系统版本安装即可。

做H5页面的同学可能经常会遇到一个场景,就是电脑上调试好的页面怎么在手机上访问测试呢?

下面就介绍一种自己经常使用的方式,利用Charles代理软件来实现!

安装Charles

直接去官网下载对应的系统版本安装即可。 下载地址

软件本身是收费,免费使用的话会软甲打开之前有个延迟提醒,忽略即可,或者你也可以去找破解版
代理配置

双击打开软件找到代理配置这一项,选中系统代理(我这边使用的是Mac版本):

打开代理配置,设置好代理端口

手机上设置 WIFI 代理为手动,端口和地址填入上面配置好的端口和电脑的IP地址

手机上配置wifi手动代理可以根据机型搜一下就知道了
手机访问测试

例如在电脑上有一个H5项目已经配置好了虚拟主机 域名是demo.yangbai.com,没有配置虚拟主机的直接使用ip和端口访问项目

这时候不出意外的话电脑上回弹出来一个是否允许这个手机连接这么一个弹窗,点击允许即可!

然后就可以访问到了,Charles左边还可以看到请求数据。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/60416.html

相关文章

  • spy-debugger + Charles 移动端调试

    摘要:简介移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像端一样,我们可以通过很方便的调出开发者工具。如果没有调试工具这种情况下我们就很难定位问题,接下来的主题就是介绍如何使用进行移动端调试。 简介 ​ 移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像PC端一样,我们可以通过F12很方便的调出开发者工具。在开发中经常会遇到同样一份...

    fevin 评论0 收藏0
  • spy-debugger + Charles 移动端调试

    摘要:简介移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像端一样,我们可以通过很方便的调出开发者工具。如果没有调试工具这种情况下我们就很难定位问题,接下来的主题就是介绍如何使用进行移动端调试。 简介 ​ 移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像PC端一样,我们可以通过F12很方便的调出开发者工具。在开发中经常会遇到同样一份...

    littlelightss 评论0 收藏0
  • spy-debugger + Charles 移动端调试

    摘要:简介移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像端一样,我们可以通过很方便的调出开发者工具。如果没有调试工具这种情况下我们就很难定位问题,接下来的主题就是介绍如何使用进行移动端调试。 简介 ​ 移动端调试一直都是一个痛点,因为移动终端对于我们来说是一个黑盒,它无法像PC端一样,我们可以通过F12很方便的调出开发者工具。在开发中经常会遇到同样一份...

    nihao 评论0 收藏0
  • Python3网络爬虫实战---7、Python3网络爬虫实战---APP爬取相关库的安装:Char

    摘要:点击,即可进入证书的安装页面。上一篇文章网络爬虫实战库的安装下一篇文章网络爬虫实战爬取相关库的安装的安装 上一篇文章:Python3网络爬虫实战---6、Web库的安装:Flask、Tornado下一篇文章:Python3网络爬虫实战---8、APP爬取相关库的安装:MitmProxy的安装 除了 Web 网页,爬虫也可以对 APP 的数据进行抓取,APP 中的页面要加载出来,首先需...

    keelii 评论0 收藏0
  • charles抓包工具粗略使用指南

    摘要:常用的抓包工具有当然还有其他的工具我三个都用过不过太复杂了不是太懂用抓到的信息太详细了反而不是太容易分辨找出自己想要的内容其实是因为懒懒的学并且对网络知识了解较少境界不够境界到了自然会用我一般都是开发的时候用到抓包工具开发网页自带的就已经很 常用的抓包工具有fiddler,charles,wireshark(当然还有其他的工具)我三个都用过,不过wireshark太复杂了,不是太懂用,...

    felix0913 评论0 收藏0

发表评论

0条评论

Tikitoo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<