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

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

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專(zhuān)注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了大通免費(fèi)建站歡迎大家使用！

前提條件

基礎(chǔ)庫(kù)版本在 2.0.53 及以上；
開(kāi)發(fā)者工具和百度 APP 客戶端在同一局域網(wǎng)內(nèi)；
百度 APP 客戶端的登錄用戶和開(kāi)發(fā)者工具的登錄用戶是當(dāng)前 appid（智能小程序 ID）的開(kāi)發(fā)者。

溫馨提示：請(qǐng)?jiān)谡{(diào)試過(guò)程中，盡量保持手機(jī)處于亮屏狀態(tài)。

調(diào)試步驟

打開(kāi)開(kāi)發(fā)者工具，單擊工具欄上的“遠(yuǎn)程調(diào)試”按鈕。
使用百度 APP 客戶端掃碼，打開(kāi)遠(yuǎn)程調(diào)試窗口。
遠(yuǎn)程調(diào)試窗口包括：頁(yè)面視圖、調(diào)試器視圖和信息球。
3.1 頁(yè)面視圖：遠(yuǎn)程調(diào)試工具的頁(yè)面視圖和客戶端中的頁(yè)面視圖保持同步，展示了小程序頁(yè)面的運(yùn)行情況。
注：遠(yuǎn)程調(diào)試工具端的鏡像視圖不支持 TabBar 等 NA 組件。

刷新按鈕：修改代碼后，點(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 信息球：展示了百度 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ī)端顯示：

名稱欄目：創(chuàng)新互聯(lián)百度小程序教程：遠(yuǎn)程調(diào)試
本文鏈接：http://m.fisionsoft.com.cn/article/ccdjhis.html

新聞中心

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

前提條件

調(diào)試步驟

其他資訊