- A+
謝謝打開這篇文章的每個你
關注我們 點擊右上角 ··· 設為星標
本篇是藉助Charles來測試移動端的下半篇。(上篇任意門點我)
上次說到可以藉助Charles來抓移動端的網絡請求,接下來,我們來看一下怎麼通過Charles來模擬返回,還是以網頁版豆瓣為例。
先找到網頁版豆瓣的請求
通過上面這句話,我們知道,請求被抓發到了豆瓣的movie文件夾下,我們去movie里找到具體的返回。
可以看到,我們需要的信息都在這個請求里,我們可以選擇其中一個電影頁面來進行測試,我們得藉助Charles的斷點的功能,在這個請求上打個斷點。
打完斷點之後,需要對斷點做一下配置。
選中我們剛剛打好的斷點,雙擊點開。
只保留response,將request去掉,如果後期需要做請求模擬,就在斷點上保留request即可。
斷點配置完成之後,我們來實踐一下。當我們重新請求豆瓣電影的時候,斷點起作用了,這時候網頁處於等待狀態,點擊execute,網頁可以正常返回。
接下來,我們來修改一下返回值
點擊execute,將修改后的信息返回到前端(因為網絡問題,有時候需要讓研發將網絡請求延時時間調長才能使用mock測試,這裏運氣非常好,一次就修改成功了)。
有時候在移動端測試的時候,需要模擬弱網環境,Charles也可以幫助我們模擬
我們可以選擇只給特定的host進行限速,這裏我們直接選擇一個極限情況,56 kbps
這裏我們直接請求豆瓣網頁,會發現移動端響應變得非常慢
這樣我們就可以藉助Charles來對不同的網絡環境進行測試了。
藉助Charles來對移動端進行測試的小教程就到這裏了,希望能幫助到大家,如果大家以後有什麼想了解的,歡迎留言。最後,希望本篇文章可以幫助大家。