藉助Charles來測試移動端-下篇

  • 藉助Charles來測試移動端-下篇已关闭评论
  • A+
所属分类:小ck包包推荐

藉助Charles來測試移動端-下篇

謝謝打開這篇文章的每個你

關注我們 點擊右上角 ··· 設為星標

藉助Charles來測試移動端-下篇

本篇是藉助Charles來測試移動端的下半篇。(上篇任意門點我

上次說到可以藉助Charles來抓移動端的網絡請求,接下來,我們來看一下怎麼通過Charles來模擬返回,還是以網頁版豆瓣為例。

先找到網頁版豆瓣的請求

 

藉助Charles來測試移動端-下篇

通過上面這句話,我們知道,請求被抓發到了豆瓣的movie文件夾下,我們去movie里找到具體的返回。

 

藉助Charles來測試移動端-下篇


可以看到,我們需要的信息都在這個請求里,我們可以選擇其中一個電影頁面來進行測試,我們得藉助Charles的斷點的功能,在這個請求上打個斷點。

 

藉助Charles來測試移動端-下篇


打完斷點之後,需要對斷點做一下配置。

 

藉助Charles來測試移動端-下篇


選中我們剛剛打好的斷點,雙擊點開。

 

藉助Charles來測試移動端-下篇


只保留response,將request去掉,如果後期需要做請求模擬,就在斷點上保留request即可。

 

藉助Charles來測試移動端-下篇


斷點配置完成之後,我們來實踐一下。當我們重新請求豆瓣電影的時候,斷點起作用了,這時候網頁處於等待狀態,點擊execute,網頁可以正常返回。

 

藉助Charles來測試移動端-下篇


接下來,我們來修改一下返回值

 

藉助Charles來測試移動端-下篇

藉助Charles來測試移動端-下篇

 

點擊execute,將修改后的信息返回到前端(因為網絡問題,有時候需要讓研發將網絡請求延時時間調長才能使用mock測試,這裏運氣非常好,一次就修改成功了)。

 

藉助Charles來測試移動端-下篇

藉助Charles來測試移動端-下篇

 

有時候在移動端測試的時候,需要模擬弱網環境,Charles也可以幫助我們模擬

 

藉助Charles來測試移動端-下篇

我們可以選擇只給特定的host進行限速,這裏我們直接選擇一個極限情況,56 kbps

 

藉助Charles來測試移動端-下篇

這裏我們直接請求豆瓣網頁,會發現移動端響應變得非常慢

 

藉助Charles來測試移動端-下篇

這樣我們就可以藉助Charles來對不同的網絡環境進行測試了。

藉助Charles來對移動端進行測試的小教程就到這裏了,希望能幫助到大家,如果大家以後有什麼想了解的,歡迎留言。最後,希望本篇文章可以幫助大家。

藉助Charles來測試移動端-下篇
Bye~
藉助Charles來測試移動端-下篇


我就知道你“在看”
藉助Charles來測試移動端-下篇