在实际开发中,咱们须要时常抓取线上的请求及数据,甚至是请求的html文档,js,css等静态文件来进行调试。在这里,我使用charles来进行以上操做。可是呢,charles须要进行一系列配置才能达到咱们的要求。下面将介绍一个mac下详细且完整的安装和配置过程。css
在Charles官网下载,而后按照正常流程安装便可。html
详细步骤:点击这里服务器
手机链接同局域网,设置网络的代理服务器为该电脑的ip地址,端口为8888,此时你已经能够抓取http请求了网络
1. 安装Charles HTTPS证书spa
路径:help–>SSLProxying–> Install Charles Root Ceriticate3d
2. 点击Install Charles Root Ceriticate后,会直接跳到钥匙串中。可是呢,这个证书并不能信任,此时咱们能够点击Charles Proxy CA,就会弹出第二张图,在信任中选择“始终信任”便可。代理
固然也并非全部人都能很顺利的执行第一步,即在申请发布证书时双击安装出现不能修改System Roots钥匙串问题:调试
此时,你只需点击左下角的小图标,点击进入“登陆”标签,而后经过help–>SSLProxying–> Save Charles Root Ceriticate... 而后将保存的文件直接拖到面板中便可。而后设置信任。。。htm
当电脑上已经安装好证书以后,咱们将须要调试的手机设置该电脑为代理服务器,端口为8888blog
经过help–>SSLProxying–> Install Charles Root Ceriticate on a Mobile Device or Remote Browser,能够得到下载提示,将Charles设置为http代理,而后访问chl.pro/ssl(网址可能会不一样,所以必定要经过点击得到的提示信息)。
经过Proxy–>SSL Proxying Settings
这样一来,你就能够经过Charles做为代理服务器,获取想要的信息。
最后说一点,最重要的一点,若是你使用charles,必定要连接以太网口,不能链接无线网。