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"
具体要如何灵活的应用断点功能,还在摸索~
菜齐了!!