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"

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

菜齐了!!

转载于:https://www.cnblogs.com/dianxiao2/p/6163668.html