支付寶小程序開發(fā)工具 調(diào)試

支付寶小程序調(diào)試

概述

我們提供了兩種調(diào)試方式：

• 模擬器 + 調(diào)試工具
• 手機(jī)端調(diào)試面板

模擬器中模擬了大部分的真機(jī) API，并且配有調(diào)試工具，建議先在模擬器中完成基礎(chǔ)功能、樣式的調(diào)試，然后在真機(jī)上驗(yàn)證和調(diào)試，當(dāng)然，最終運(yùn)行效果以真機(jī)為準(zhǔn)。

模擬器

模擬器提供了如下功能：

• 設(shè)備模擬（尺寸、精度等）
• 編譯日志、編譯錯(cuò)誤提示、刷新
• 支付寶 JsAPI 模擬，以及位置、藍(lán)牙、啟動(dòng)參數(shù)等模擬接口自定義配置

調(diào)試工具

配合模擬器，我們提供了定制化的 chrome devtool，在其基礎(chǔ)上提供比如 axml 等擴(kuò)展。默認(rèn)展示的有：

• AXML，基于小程序元素的 dom、css 調(diào)試
• Console，運(yùn)行日志、錯(cuò)誤查看
• Storage，緩存數(shù)據(jù)查看、編輯
• Sources，源碼查看、斷點(diǎn)調(diào)試
• Network，網(wǎng)絡(luò)資源、請求查看

調(diào)試面板

真機(jī)預(yù)覽小程序時(shí)，可以通過右上角按鈕打開調(diào)試面板。

點(diǎn)擊開啟調(diào)試后，在頁面上會(huì)出現(xiàn)懸浮藍(lán)色按鈕調(diào)試面板。點(diǎn)擊調(diào)試面板按鈕，就可以看到調(diào)試面板了。

目前調(diào)試面板主要提供兩個(gè)功能：

1. Log頁簽：顯示打印日志（可按日志級別查看）
2. Alipay頁簽：可清楚緩存