智能小程序檔案館——再談遠程調試

在檔案館系列以前的文章裏，咱們曾經有一期提到了遠程調試,那篇文章爲您介紹了sConsole、安卓真機調試和遠程調試三種調試方法。今天咱們將換一個角度，繼續談一下遠程調試，到底還有哪些不爲你們所知的好處。

遠程調試使用方法便捷：掃碼使用

只需掃碼即可調試小程序，你就可使用遠程調試去調試小程序真機運行時的異常狀況。

遠程調試的操做簡單

• 百度 App 客戶端的版本在10.13.5及以上。
• 百度 App 客戶端的登錄用戶和開發者工具的登錄用戶是一用戶。
• 開發者工具和百度 App 客戶端在同一局域網內。

若蘋果手機和蘋果電腦不在同一局域網內，能夠經過usb鏈接蘋果電腦進行調試。

使用說明

1. 登陸開發者工具後，生成遠程調試二維碼。
2. 百度App掃碼後，遠程調試窗口打開。

若打不開遠程調試，請檢查上述三個條件是否所有知足。

功能介紹

遠程調試窗口能夠分爲頁面試圖、調試器和信息球。

• 頁面視圖和客戶端中的小程序頁面保持同步，展現了小程序頁面的運行狀況，頂部有刷新和結束調試按鈕，幫助開發者刷新小程序頁面和退出調試。
• 調試器集成了Swan、Console、Sources、Network等面板，輔助開發者調試小程序。
• 信息球中展現了百度App客戶端的一些基本信息，如手機型號、系統等，便於開發者校驗當前調試的環境信息。

調試器

頁面視圖和信息球簡單易懂，本文中咱們將詳細看一下調試器的使用。

Swan面板

在Swan面板中，開發者能夠查看小程序當前頁面的DOM結構。當開發者調試頁面時，能夠經過修改Swan面板中的Style、CSS信息調試DOM節點。

Console面板

在Console面板中，開發者能夠查看小程序代碼報錯、console輸出等打印信息。Console面板的詞法域是當前小程序的詞法做用域，能夠經過Swan API得到輔助的調試信息，如swan.getStorageInfoSync()。

Sources面板

在Source面板中，開發者能夠查看 小程序的代碼，進行斷點調試，以下圖所示，開發者能夠根據斷點，查看小程序的代碼執行棧，定位代碼執行的異常狀況。

Network面板

在Network面板中，開發者能夠查看小程序發出的網絡請求，以下圖所示，遠程調試的網絡請求是真機發起的，遠程調試只是將請求頭和請求結果展示給開發者，協助開發者定位swan.request請求的異常狀況。

以上就是咱們今天要介紹的所有內容～