支付寶小程序 真機(jī)調(diào)試

真機(jī)調(diào)試支持 IDE 0.24.3-beta.0 & 支付寶客戶端 10.1.38 及以上版本。

概述

為了便于調(diào)試真機(jī)，開發(fā)者工具提供了遠(yuǎn)程真機(jī)調(diào)試功能，利用遠(yuǎn)程真機(jī)調(diào)試，可實現(xiàn)以下操作。

• 在 IDE 中斷點調(diào)試遠(yuǎn)程小程序（斷點調(diào)試操作僅支持 IDE 1.0 以上版本）

• 在 IDE 中查看遠(yuǎn)程界面的 AXML 結(jié)構(gòu)與樣式

• 在 IDE 中查看手機(jī) Network & Storage 等信息

• 在 IDE 中查看小程序在手機(jī)端的運行日志

說明：

• 真機(jī)調(diào)試必須使用 https 的鏈接，必須配置域名白名單，且小程序只支持 https 域名配置請求接口。
• 真機(jī)運行體驗版時，不可以訪問地址為 IP + 端口號的接口，體驗版需要配置白名單。本地 IDE 開發(fā)版可以，但是開發(fā)版需要在 IDE 上勾選忽略白名單。
• 遠(yuǎn)程調(diào)試中每次修改代碼后需要斷開遠(yuǎn)程調(diào)試，然后重新推送后掃碼連接進(jìn)行遠(yuǎn)程調(diào)試。

操作指南

1. 點擊右上角工具欄中的 真機(jī)調(diào)試，選擇 自動推送（自動推送到手機(jī)）或 掃碼調(diào)試（支付寶客戶端掃描二維碼），接下來模擬器上會展示連接信息，同時在手機(jī)上會顯示 遠(yuǎn)程調(diào)試已連接。

1. 打開 調(diào)試器，找到 source 里面對應(yīng)的小程序頁面 js 文件，在對應(yīng)斷點調(diào)試的代碼行右鍵 Add breakpoint，斷點成功后左側(cè)代碼行數(shù)背景色即為藍(lán)色。

1. 你可以進(jìn)行斷點調(diào)試，在命中斷點后真機(jī)上會有遮罩提示，具體如圖：