Charles——可用來抓包,還可以用來調(diào)試頁(yè)面,適合app內(nèi)嵌h5的開發(fā)。是一款很強(qiáng)大的工具。
下載地址:
https://www.charlesproxy.com/latest-release/download.do
代理設(shè)置
Proxy -> Proxy Settings

D6AADF5A-4A21-40e9-AAD6-ABD8173C26EB.png
HTTP Proxy Port填了8888,記住這個(gè)。
手機(jī)抓包
首先手機(jī)連接跟電腦在同一局域網(wǎng)內(nèi)的wifi,wifi -> 更多設(shè)置 -> 代理改成手動(dòng),主機(jī)名填寫電腦IP,端口填寫剛才我們?cè)贖TTP Proxy Port上填寫的8888

微信圖片_20201224210249.jpg

6BFE9785-5B94-42e3-8085-0CCCA916F405.png
右擊某個(gè)域名,選擇focus,可以只看某個(gè)域名的請(qǐng)求。
路徑映射
Tools -> Map Remote Setting,可以將對(duì)應(yīng)的app請(qǐng)求轉(zhuǎn)發(fā)到你的電腦上設(shè)置如圖:

93182405-02FE-4129-99B4-66813B745A32.png
例如我們?cè)谡{(diào)試app內(nèi)嵌h5時(shí),內(nèi)嵌頁(yè)面的域名是http://xxxx.cn,配置from: http://xxxx.cn to: http://localhost:8080
那么訪問http://xxxx.cn下的某個(gè)頁(yè)面時(shí),就會(huì)轉(zhuǎn)發(fā)你自己電腦上http://localhost:8080下的對(duì)應(yīng)頁(yè)面