百度智能小程序如何進行遠(yuǎn)程調(diào)試

遠(yuǎn)程調(diào)試

使用開發(fā)者工具，連接局域網(wǎng)，對百度 App 中的小程序進行調(diào)試，幫助開發(fā)者快速調(diào)試、查找小程序在百度 App 客戶端中存在的問題。

前提條件

1、百度 App 客戶端的版本在10.13.5及以上；

2、開發(fā)者工具和百度 App 客戶端在同一局域網(wǎng)內(nèi)；

3、百度 App 客戶端的登錄用戶和開發(fā)者工具的登錄用戶是同一用戶。

調(diào)試步驟

1、打開開發(fā)者工具，單擊工具欄上的“遠(yuǎn)程調(diào)試”按鈕。

2、使用百度 APP 客戶端掃碼，打開遠(yuǎn)程調(diào)試窗口。

3、遠(yuǎn)程調(diào)試窗口包括：頁面試圖、調(diào)試器視圖和信息球。

3.1 面視圖：遠(yuǎn)程調(diào)試工具的頁面視圖和客戶端中的頁面視圖保持同步，展示了小程序頁面的運行情況。

刷新按鈕：修改代碼后，點擊刷新按鈕使百度 App 客戶端獲得最新的開發(fā)代碼，無需重新掃碼打開遠(yuǎn)程調(diào)試窗口，實現(xiàn)靜默刷新;

結(jié)束調(diào)試按鈕:點擊頂部的結(jié)束調(diào)試按鈕，結(jié)束遠(yuǎn)程調(diào)試.

3.2 調(diào)試器：調(diào)試器在小程序的調(diào)試中起到了非常重要的作用:

在調(diào)試器的console面板中，開發(fā)者可以調(diào)試代碼、查看小程序輸出信息;

在調(diào)試器的source面板中，可以查看源代碼，進行斷點調(diào)試;

在調(diào)試器的network面板中，可以查看小程序發(fā)出的網(wǎng)絡(luò)請求

3.3 信息球：時展示了百度 App 客戶端和遠(yuǎn)程調(diào)試窗口之間的信息傳輸延時:

將鼠標(biāo)放到信息球上，會出現(xiàn)客戶端的基本信息，包括手機型號、運行系統(tǒng)、百度App版本、基礎(chǔ)庫版本、往返耗時、連接方式、連接狀態(tài)。

信息球的延遲越小，遠(yuǎn)程調(diào)試窗口和百度 App 客戶端的通信越流暢:當(dāng)延時小于50時，信息球的顏色為綠色;當(dāng)延時大于50小于100時，信息球的顏色變成橙色;當(dāng)延時大于100時，信息球的顏色變?yōu)榧t色。

信息球的位置可以拖拽變化：

手機端顯示：