遠(yuǎn)程調(diào)試
使用開(kāi)發(fā)者工具,連接局域網(wǎng),對(duì)百度 App 中的小程序進(jìn)行調(diào)試,幫助開(kāi)發(fā)者快速調(diào)試、查找小程序在百度 App 客戶端中存在的問(wèn)題。
前提條件
1、百度 App 客戶端的版本在10.13.5及以上;
2、開(kāi)發(fā)者工具和百度 App 客戶端在同一局域網(wǎng)內(nèi);
3、百度 App 客戶端的登錄用戶和開(kāi)發(fā)者工具的登錄用戶是同一用戶。
調(diào)試步驟
1、打開(kāi)開(kāi)發(fā)者工具,單擊工具欄上的“遠(yuǎn)程調(diào)試”按鈕。
2、使用百度 APP 客戶端掃碼,打開(kāi)遠(yuǎn)程調(diào)試窗口。
3、遠(yuǎn)程調(diào)試窗口包括:頁(yè)面試圖、調(diào)試器視圖和信息球。
3.1 面視圖:遠(yuǎn)程調(diào)試工具的頁(yè)面視圖和客戶端中的頁(yè)面視圖保持同步,展示了小程序頁(yè)面的運(yùn)行情況。
刷新按鈕:修改代碼后,點(diǎn)擊刷新按鈕使百度 App 客戶端獲得最新的開(kāi)發(fā)代碼,無(wú)需重新掃碼打開(kāi)遠(yuǎn)程調(diào)試窗口,實(shí)現(xiàn)靜默刷新;
結(jié)束調(diào)試按鈕:點(diǎn)擊頂部的結(jié)束調(diào)試按鈕,結(jié)束遠(yuǎn)程調(diào)試.
3.2 調(diào)試器:調(diào)試器在小程序的調(diào)試中起到了非常重要的作用:
在調(diào)試器的console面板中,開(kāi)發(fā)者可以調(diào)試代碼、查看小程序輸出信息;
在調(diào)試器的source面板中,可以查看源代碼,進(jìn)行斷點(diǎn)調(diào)試;
在調(diào)試器的network面板中,可以查看小程序發(fā)出的網(wǎng)絡(luò)請(qǐng)求
3.3 信息球:時(shí)展示了百度 App 客戶端和遠(yuǎn)程調(diào)試窗口之間的信息傳輸延時(shí):
將鼠標(biāo)放到信息球上,會(huì)出現(xiàn)客戶端的基本信息,包括手機(jī)型號(hào)、運(yùn)行系統(tǒng)、百度App版本、基礎(chǔ)庫(kù)版本、往返耗時(shí)、連接方式、連接狀態(tài)。
信息球的延遲越小,遠(yuǎn)程調(diào)試窗口和百度 App 客戶端的通信越流暢:當(dāng)延時(shí)小于50時(shí),信息球的顏色為綠色;當(dāng)延時(shí)大于50小于100時(shí),信息球的顏色變成橙色;當(dāng)延時(shí)大于100時(shí),信息球的顏色變?yōu)榧t色。
信息球的位置可以拖拽變化:
手機(jī)端顯示:
閱讀本文的人還可以閱讀: