Charles配置教程(移动端无法联网等常见问题)

目录

一、Charles配置方法

1、下载

2、添加需要监测的域名

3、配置端口

4、安装证书

[<1> PC端](#<1> PC端)

[<2> 移动端(这里用IOS端展示)](#<2> 移动端(这里用IOS端展示))

5、移动端配置代理

6、使用Charles进行抓包

二、常见问题

1、移动端WiFi显示无互联网连接

[<1> 代理配置填写的内容是否正确](#<1> 代理配置填写的内容是否正确)

[<2> 查看防火墙是否允许Charles通过](#<2> 查看防火墙是否允许Charles通过)

2、电脑打开Charles后,浏览器无法打开网页

参考文章


先来说一下Charles从下载到使用的配置方法

常见问题在后面说明

一、Charles配置方法

1、下载

直接在Charles官网进行下载即可

官网链接:Download a Free Trial of Charles • Charles Web Debugging Proxy

下载好之后进行注册

Registered Name (账号): https://zhile.io

License Key (密码): 48891cf209c6d32bf4

2、添加需要监测的域名

点击Proxy->SSL Proxying Settings..

抓取所有的https请求,可以填写 *:443,*号为通配符

3、配置端口

点击Proxy"->"Proxy Settings

填写一个未被占用的端口,我这里用的是8880,然后勾选Enable transparent HTTP proxying

查看端口是否被占用,可以Win+R打开cmd,然后输入netstat -ano | findstr "端口号"即可查看

没有被占用则没有内容

4、安装证书

<1> PC端

点击Help------SSL Proxying------Install Charles Root Certificate 后点击安装证书

选择受信任的根证书颁发机构,然后点击完成

再次点击,查看一下证书,如下图显示就是配置好了

<2> 移动端(这里用IOS端展示)

这里我参考网上的方法,要用自带的Safari浏览器访问 chls.pro/ssl 这个网址,但是我这里无法进入这个网址,换成输入这个网址即可https://www.charlesproxy.com/assets/legacy-ssl/charles.crt

访问之后浏览器弹出窗口点击允许,下载证书

下载之后需要到设置中安装证书

安装之后要到,设置->通用->关于本机->最下面证书信任设置中启用证书信任!!

然后下载本机的CA书,点击Help------SSL Proxying------Save Charles Root Certificate

保存到本地,然后发送给手机 进行下载,默认保存的是.pem格式,如果手机无法解析,可以在保存文件时保存为.cer格式,这里需要注意,如果保存之后文件没有命名(文件就叫".cer"),需要给文件命名一下,否则移动端可能无法解析

下载好之后依旧需要安装、启用信任,这样设置中就有了CA证书

5、移动端配置代理

全部设置好之后,就到了连接的时候了

移动端和使用Charles软件的PC端需要链接同一个WiFi,然后进行如下操作

这里的服务器可以通过cmd进行查看,cmd输入ipconfig

这里需要注意!!!使用的是无线局域网适配器这里的ipv4,而不是本地连接的ip

端口就是之前设置的端口,可以点击Help->SSL Proxying->Install Charles Root Certificate on a Mobile Device or Remote Browser查看

很多文章都说是使用这里显示的ip也就是刚才说的本地连接显式的ip,但是本人使用这个ip移动端会出现无法访问互联网的问题,如果移动端配置代理时填写无线局域网的ip有问题可以尝试输入这个ip试一下,端口就是后面显示的端口

6、使用Charles进行抓包

Charles界面的功能介绍,放到这篇文章,需要的朋友自行查看

二、常见问题

1、移动端WiFi显示无互联网连接

遇到这个问题,可以按照以下几点进行检查

<1> 代理配置填写的内容是否正确

查看ip和端口是否和PC端设置的一致

<2> 查看防火墙是否允许Charles通过

打开控制面板的防火墙页面,查看是否全部勾选允许通过

2、电脑打开Charles后,浏览器无法打开网页

这是因为浏览器也是需要证书进行访问,打开浏览器设置->隐私->管理证书->导入,导入cer证书

参考文章:

Charles的使用详细介绍 - 简书

Charles 手机设置代理后电脑没有弹出allow或者deny的界面_charles不弹出allow框-CSDN博客

相关推荐
美团测试工程师6 小时前
九大高效的前端测试工具与框架
软件测试·测试工具·jmeter
小白学大数据7 小时前
如何使用Selenium处理JavaScript动态加载的内容?
大数据·javascript·爬虫·selenium·测试工具
weixin_419349797 小时前
selenium 报错 invalid argument: invalid locator
selenium·测试工具
程序猿000001号7 小时前
Selenium 深度解析:自动化浏览器操作的利器
selenium·测试工具·自动化
Blankspace学16 小时前
Wireshark软件下载安装及基础
网络·学习·测试工具·网络安全·wireshark
低调之人17 小时前
Fiddler勾选https后google浏览器网页访问不可用
前端·测试工具·https·fiddler·hsts
测试老哥19 小时前
Python自动化测试图片比对算法
自动化测试·软件测试·python·测试工具·程序人生·职场和发展·测试用例
大霞上仙1 天前
selenium 在已打开浏览器上继续调试
python·selenium·测试工具
互联网杂货铺1 天前
几个常见的Jmeter压测问题
自动化测试·软件测试·测试工具·jmeter·职场和发展·测试用例·压力测试
大霞上仙1 天前
postman读取文件执行
测试工具·postman