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

2472次閱讀

遠程調(diào)試

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


前提條件

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

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

遠程調(diào)試01.png

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



調(diào)試步驟

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

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

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

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

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

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

遠程調(diào)試02.png


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ò)請求

遠程調(diào)試03.png


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

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

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

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

遠程調(diào)試04.png

手機端顯示:

遠程調(diào)試05.png


閱讀本文的人還可以閱讀:

百度智能小程序入口有哪些?哪里可以進入百度智能小程序?

百度智能小程序開源聯(lián)盟是什么

百度智能小程序的流量為什么那么高,小程序如何引流?

怎樣做好百度智能小程序體驗設(shè)計(1)

本文由夫唯SEO特訓營編輯整理。

搜外專注SEO培訓和SEO周邊Saas服務(wù)解決方案,10年來超過五萬學員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報名時間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標是:讓非技術(shù)人員輕松學會互聯(lián)網(wǎng)技術(shù)。

  • 搜外會員SEO交流群(免費)

    微信掃碼添加客服人員
  • 小程序運營交流群(免費)

    微信掃碼添加客服人員
  • 搜外會員SEM競價交流群(免費)

    微信掃碼添加客服人員
  • 夫唯學員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨立站英文SEO群

    微信掃碼添加客服人員
  • SEO團隊KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學習群站SEO
成為互聯(lián)網(wǎng)運營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.237972 Second , 52 querys.