在檔案館系列之前的文章裡，我們曾經有一期提到了遠端除錯,那篇文章為您介紹了sConsole、安卓真機除錯和遠端除錯三種除錯方法。今天我們將換一個角度，繼續談一下遠端除錯，到底還有哪些不為大家所知的好處。
遠端除錯使用方法便捷：掃碼使用
只需掃碼便可除錯小程式，你就可以使用遠端除錯去除錯小程式真機執行時的異常情況。
遠端除錯的操作簡單
- 百度 App 客戶端的版本在10.13.5及以上。
- 百度 App 客戶端的登陸使用者和開發者工具的登陸使用者是一使用者。
- 開發者工具和百度 App 客戶端在同一區域網內。
若蘋果手機和蘋果電腦不在同一區域網內，可以通過usb連線蘋果電腦進行除錯。
使用說明
- 登入開發者工具後，生成遠端除錯二維碼。
- 百度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請求的異常情況。
以上就是我們今天要介紹的全部內容～