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"

 具體要如何靈活的應用斷點功能,還在摸索~

菜齊了!!