charles_断点

charles_断点

用了模拟网速很久,也试了试用这货查看接口返回的数据,今天体验了一下"断点",以为有必要记录一下给请求加断点的步骤.

 

一.界面介绍(版本4.0.1):

　　近来charles更新了4.0版本,因而乎为了尝鲜,就下载来体验体验.最显眼的变化是界面更加美观了,主要体现是工具栏使用了新图标,这些"新图标们"都透着那么一点小娘气.

　

之前工具栏上的"打开"/"删除"/"保存"/"新建",几个功能被收整到其它地方去了.清空会话从'垃圾桶'变成了'扫把',模拟网速则变成了'乌龟',乌龟到是挺形象的,通常模拟网速的时候,都是模拟的"慢网"~

 

二.断点操做

　　1.首先启动charles,而后将手机代理设置好(为啥不直接用PC作演示?我工做场景就是用手机的,这样记录步骤比较有生活!!).

　　2.使用手机浏览器,访问"赶集",滑动到下图界面

　　3.咱们去看一下charles抓到的请求

　　4.按"ctrl+f",打开搜索界面,输入想搜索的内容,好比"技工"

　　5.双击包含'技工'关键字的那条信息,自动跳转到对应请求

　　6.'右击'此条请求,选择"Breakpoins"(注:请求的request和response会分别断点,都可以对请求内容进行更改,我还不太知道有啥可改的)

 

　　7.设置好以上几步后,手机端"刷新"浏览器.而后咱们在看'charles'的'reques断点'(注:貌似能够修改不少东西,好比cookies)

　　8.咱们直接点"Execute",执行本次'reques'

　　9.接下来'charles'会展现'response断点',咱们要修改的地方来了(注:实际可修改的项仍是不少不少的)

　　10.点击 'Edit Response'->'HTML',找到以下图(跟步骤2同样的地方,还记得么?)

　　11.咱们手动把"技工"/"司机"/"服务员",更改一下

　　12.咱们直接点"Execute",执行本次'Response'

　　13.看看手机上的"赶集"有木有变化~

　　14.其实在界面'proxy'->'Breakpoints Settings'(快捷键:ctrl+shift+K),能够对断点作一些细节更改,好比修改"Host"/"Query"

 具体要如何灵活的应用断点功能,还在摸索~

菜齐了!!