新聞中心
- 遠(yuǎn)程調(diào)試
- 前提條件
- 調(diào)試步驟
遠(yuǎn)程調(diào)試
使用開發(fā)者工具,連接局域網(wǎng),對百度 APP 中的小程序進(jìn)行調(diào)試,幫助開發(fā)者快速調(diào)試、查找小程序在百度 APP 客戶端中存在的問題。

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了大通免費建站歡迎大家使用!
前提條件
- 基礎(chǔ)庫版本在 2.0.53 及以上;
- 開發(fā)者工具和百度 APP 客戶端在同一局域網(wǎng)內(nèi);
- 百度 APP 客戶端的登錄用戶和開發(fā)者工具的登錄用戶是當(dāng)前 appid(智能小程序 ID)的開發(fā)者。
溫馨提示:請在調(diào)試過程中,盡量保持手機處于亮屏狀態(tài)。
調(diào)試步驟
-
打開開發(fā)者工具,單擊工具欄上的“遠(yuǎn)程調(diào)試”按鈕。
-
使用百度 APP 客戶端掃碼,打開遠(yuǎn)程調(diào)試窗口。
-
遠(yuǎn)程調(diào)試窗口包括:頁面視圖、調(diào)試器視圖和信息球。
3.1 頁面視圖:遠(yuǎn)程調(diào)試工具的頁面視圖和客戶端中的頁面視圖保持同步,展示了小程序頁面的運行情況。
注:遠(yuǎn)程調(diào)試工具端的鏡像視圖不支持 TabBar 等 NA 組件。刷新按鈕:修改代碼后,點擊刷新按鈕使百度 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 面板中,可以查看源代碼,進(jìn)行斷點調(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色。信息球的位置可以拖拽變化:
手機端顯示:
新聞標(biāo)題:創(chuàng)新互聯(lián)百度小程序教程:遠(yuǎn)程調(diào)試
文章鏈接:http://m.5511xx.com/article/ccdjhis.html


咨詢
建站咨詢
