一.安卓調(diào)試
1.打開(kāi)debugx5.qq.com
1.打開(kāi)微信的任意一個(gè)聊天窗口,輸入"debugx5.qq.com",點(diǎn)擊發(fā)送雷猪。
2.發(fā)送完成后,點(diǎn)擊該鏈接,就會(huì)進(jìn)入到X5調(diào)試頁(yè)面宵蕉。
3.點(diǎn)擊“信息”頁(yè)簽闷板，勾選"打開(kāi)TBS內(nèi)核Inspector調(diào)試功能"和"打開(kāi)TBS內(nèi)核X5jscore Inspector調(diào)試功能"。每勾選一次后會(huì)提示重啟患久，再重復(fù)執(zhí)行如上步驟即可
4.打開(kāi)手機(jī)開(kāi)發(fā)者選項(xiàng)和USB調(diào)試
5.手機(jī)連接電腦并成功識(shí)別后,在chrome瀏覽器地址欄輸入:chrome://inspect,打開(kāi)要調(diào)試的網(wǎng)頁(yè)后,出現(xiàn)如下選項(xiàng)則可以開(kāi)始進(jìn)行調(diào)試了
注意
1.此方式只可以調(diào)試安卓手機(jī),ios不行
2.使用該方式,需要安裝adb環(huán)境
3.使用瀏覽器調(diào)試時(shí),需要翻墻(第一次時(shí)需要緩存資源文件),否則會(huì)出現(xiàn)白屏,后面正常情況下,只要瀏覽器不升級(jí),則不再需要翻墻
二.ios調(diào)試
上面的方法只能針對(duì)安卓進(jìn)行調(diào)試,那么ios設(shè)備我們要怎么調(diào)試呢?這個(gè)就要通過(guò)另外一個(gè)神器: spy-debugger
該工具使用方式很簡(jiǎn)單,可以調(diào)試頁(yè)面以及進(jìn)行抓包
安裝步驟
1.安裝node(不再說(shuō)明如何安裝,不懂的同學(xué)自行百度,沒(méi)有難度)
Windows
npm install -g spy-debugger
Mac
sudo npm install -g spy-debugger
2.將手機(jī)與電腦保持在同一網(wǎng)絡(luò)環(huán)境下,如連接相同wifi或手機(jī)打開(kāi)熱點(diǎn),讓電腦連接均可
3.在電腦端(windows是dos,mac是終端)中輸入:
spy-debugger -w true
啟動(dòng)服務(wù)
4.設(shè)置手機(jī)的HTTP代理屎勘，代理IP地址設(shè)置為PC的IP地址，端口為spy-debugger的啟動(dòng)端口(默認(rèn)端口：9888)仲吏。
Android設(shè)置代理步驟：設(shè)置 - WLAN - 長(zhǎng)按選中網(wǎng)絡(luò) - 修改網(wǎng)絡(luò) - 高級(jí) - 代理設(shè)置 - 手動(dòng)
iOS設(shè)置代理步驟：設(shè)置 - 無(wú)線局域網(wǎng) - 選中網(wǎng)絡(luò) - HTTP代理手動(dòng)
5.手機(jī)安裝證書(shū)。注：手機(jī)必須先設(shè)置完代理后再通過(guò)(非微信)手機(jī)瀏覽器訪問(wèn)(http://spydebugger.com/cert),手機(jī)首次調(diào)試需要安裝證書(shū)蝌焚，已安裝了證書(shū)的手機(jī)無(wú)需重復(fù)安裝,這里需要注意下,直接訪問(wèn)是無(wú)法訪問(wèn)到的,必須要先執(zhí)行前面的步驟進(jìn)行代理后才可以下載證書(shū)裹唆。
iOS新安裝的證書(shū)需要手動(dòng)打開(kāi)證書(shū)信任
6.可以在啟動(dòng)的spydebugger頁(yè)面看到如下內(nèi)容,則表示可以進(jìn)行調(diào)試了
