charles的与安装使用以及我们平时使用charles容易遇到的问题

Posted 2020-09-30

      上班已3个月了，突然想自己确实该总结和反思呀，最近的教训和收获，本人做的是测试，3个月的适应之路，走得感触颇多，觉得做测试，主要是思维要发散，想常人所想也想常人不常想，今天趁工作闲暇之余，给大家总结下Charles的安装和使用。

1.1Charles的安装：

      以Charles4.1版本为例，下载地址：http://baoku.360.cn/soft/show/appid/100821

安装步骤为，一路下一步

1.2  Charles的使用

      Charles是一个HTTP代理服务器,HTTP监视器,反转代理服务器·Charles支持抓去http、https协议的请求，不支持socket。它允许一个开发者查看所有连接互联网的HTTP通信·这些包括request, response和HTTP headers (包含cookies与caching信息)，开发者可以使用它方便的抓取http、HTTPS请求。可以进行简单的性能测试、弱网测试，除了对于PC端进行代理之外，还可以抓取客户端（手机、iPad等）数据。除了以上功能之外，Charles还支持Reverse Proxy, Port Forwarding端口转发，访问控制，cookie清除，Map Remote，黑名单等功能，且 charles不仅支持Http代理，也支持SOCK代理。这样就可以支持对所有协议的进行抓包。但是一般不长常用。

   Charles有Sequence模式和Strucure展现形式。

    Mac系统看是否已默认默认就已经对系统进行了代理，如果没有，则需要在菜单栏的Proxy上勾选上Mac OS X Proxy

   charles对于抓取的包可以进行保存，等下次要分析时，在打开。Filter可以对请求进行过滤，并且支持通配符，比如只想查看以包含365rili且以.do为结尾的请求，可以在Filter中设置365rili.*.do。Overview可以更加详细的查看这次请求的详细内容，例如耗时详细列车了请求开始时间、结束时间，响应开始时间、结束时间，总耗时、DNS耗时、网络延时等。

对于Size也详细列出了请求头大小、响应头大小、压缩比例等内容。如果想查看更详细的请求信息，比如Header、cookie、form表单等可以点击Request，类似查看详细的响应选择Reponse。

除了对于PC端进行代理之外，还可以抓取客户端，在Proxy->Proxy Settings中设置代理端口号：例如8888，把代理模式设置为手动，设置主机名为Charles所在机器的ip，端口号为Charles配置的代理端口。这样手机客户端的所有http请求，都会被charles代理。可以方便的查看客户端的http请求。

1.2.1 重放与编辑

    点击一个请求，双值点击触摸板，可以对该请求进行复制、保存、重放和编辑操作。可以设置重放次数和并发数。

 Edit：编辑修改功能，可以编辑修改任意请求信息，比如表单信息、cookie等，修改完毕后点Execute就可以发送一个修改后的请求数据包。

       1.22 包含和排除设置

   可以通过Proxy->Recording Settings设置需要抓取哪些包、排除哪些包，通过设置抓取的请求规则，只抓取能匹配这个规则的请求，同时可以在Exclude中设置需要排除的请求。

Include与主界面中的Filter的不同点是，不被包含的请求Charles不会抓取，而filter只是把不符合条件的不进行展示，Charles实际已经抓去了，把过滤条件去掉之后仍会显示。

     1.23 限流设置

    有时候开发中需要测试用户在网络情况比较的差的时候应用的表现情况，可以使用Charles限流设置，Proxy->Thorttle Settings中设置，可以设置宽带、延迟等，并可以限制只对哪些hosts进行限流设置。

      1.24 设置断点

有时候对于一些特殊请求在发往服务器之前想要修改一些参数，或者在服务器响应完成之后修改响应信息，此时可以使用Charles的断点功能：当请求来的时候，Charles会停在断点处：点击Edit Request可以对请求进行修改。对于Response类型的断点也类似。

     1.25 No Caching Settings

可以在Tools->No Caching Settings中设置不缓存。这样对于每个请求会在request中添加两个Header:

Pragma:no-cache、Cache-Control:no-cache，但是否起作用需要服务器对这两个Header支持才行。

    1.26 DNS Spoofing Settings

一般的开发流程中，在上线之前都需要在测试环境中先行进行验证，而此时手机客户端请求的域名是不太容易改变的，可以通过设置dns方式把域名转发到测试机上，具体设置Tools->DNS Spoofing Settings.

    1.27 Map Local Settings

    对于前端开发来说，对html页面，js或者css等进行调整后需要配置线上的接口来查看最终样式，直接部署到生产环境可能会有风险，并且也不方便随时修改，可以使用Map Local Settings的方式，把线上的静态资源映射到本地,这样当请求静态的html、js和css等资源的时候会使用本地的信息，方便及时看效果。

     1.28 SSL

     Charles不仅能够抓取http协议的包，也能抓取https协议的包，但是由于https是经过加密的，因为抓取的包中的内容是以密文方式展现的，通过配置Charles的SSL可以方便的以明文查看https协议传输的内容。在Proxy->Proxy Settings->SSL中设置.

对于PC端浏览器需要添加Charles的证书到信任列表，而对于手机端也需要下载Charles的证书charlesproxy.com/charles.crt，然后进行安装。

1.3、charles使用问题汇总

    Charles是一款很好用的抓包修改工具，但是有时候往往因为不熟悉悉这个工具，会遇到各种感觉很莫名其妙的状况，下面给出我们平时经常遇到的问题以及其解决方案。

      1 为什么下载了不能用啊？打不开啊。

  因为charles是需要java环境才能运行的，需要先安装java环境才可以。

     2 为什么我用着用着就自动关闭了？大概30分钟就会关闭一次。

  因为charles如果没有注册的话，每次打开后就只能哟个30分钟，然后就会自动关闭，所以最好在使用前先按照说明去进行工具的注册操作。

   3 为什么我在操作的时候有时候就直接在工具界面卡住死了，关都关不掉，只能用任务管理器才可以关掉？

   这个是charles这个工具的一个bug，首先随便抓些包，要求有图片的请求。然后选中一个图片的请求，然后分别点击 Response - Raw 然后那里会加载其中的内容，然后加载完毕后，再去随便操作就可以了，就不会在悲剧的直接工具卡死掉了

   4 为什么用了charles后，我就上不了网页了，但是qq可以。

因为如果charles是非正常状态下关闭的话，那么IE的代理就不会被自动取消，所以会导致这种情况。

   解决办法：第一种：直接打开charles，然后再正常关闭即可。 第二种：去将IE浏览器代理位置的勾选去掉。

    5 为什么我用charles不能抓到socket和https的数据呢？

首先，charles是不支持抓去socket数据的。 然后，如果抓不到https的数据的话，请查看你是不是没有勾选ssl功能。 Proxy - Proxy Settings - SSL 设置

    6 为什么我用charles抓取手机APP，什么都是配置正确的，但是却抓不到数据。

首先，请确保电脑的防火墙是关闭状态，这个很重要。

如果，防火墙关了还是不行，那么请把手机wifi断掉后重新连接，这样一般就可以解决问题了。 如果以上方法还是不行的话，那么请将手机wifi位置的ip地址设置成静态ip，然后重启charles工具。

    7 抓包后发现form中有些数据显示是乱码怎么办？

请在Raw模式下查看，Raw模式显示的是原始数据包，一般不会因为编码问题导致显示为乱码。

    8 我用charles抓手机app的数据，但是同时也会抓去到电脑端的数据，可以设置吗？

可以，设置位置在Proxy - Windows Proxy ，勾选表示接收电脑的数据抓包，如果只想抓去APP的数据请求，可以不勾选此功能。

    9 为什么我用IE可以抓到数据，但是用360或者谷歌浏览器就不行？

请确保360或者谷歌的代码设置中是不是勾选设置的是 使用IE代理。

    10 想要复制粘贴某些数据的话，怎么办，右键没有相应功能啊？

请直接使用Ctrl +C 和 Ctrl+V 即可。

 

以上介绍的有限，更多内容见以下链接：

http://blog.devtang.com/2015/11/14/charles-introduction/