本文摘自 https://rax.js.org

本地 IDE 調試

IDE 模擬器中模擬了大部分的真機 API，并且配有調試工具，建議先在模擬器中完成基礎功能、樣式的調試，然后在真機上驗證和調試，當然，最終運行效果以真機為準。

調試工具

配合模擬器，我們提供了定制化的 chrome devtool，在其基礎上提供比如 axml 等擴展。默認展示的有：

• AXML，基于小程序元素的 dom、css 調試
• Console，運行日志、錯誤查看
• Storage，緩存數據查看、編輯
• Sources，源碼查看、斷點調試
• Network，網絡資源、請求查看

調試面板

真機預覽小程序時，可以通過右上角按鈕打開調試面板。

點擊開啟調試后，在頁面上會出現懸浮藍色按鈕調試面板。點擊調試面板按鈕，就可以看到調試面板了。

目前調試面板主要提供兩個功能：

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

遠程調試

為了便于調試真機，開發者工具提供了遠程真機調試功能，利用遠程真機調試，你可以：

• 在 IDE 中斷點調試遠程小程序
• 在 IDE 中查看遠程界面的 AXML 結構與樣式
• 在 IDE 中查看手機 Network & Storage 等信息
• 在 IDE 中查看小程序在手機端的運行日志

點擊右上角工具欄：調試，確定推送并生成調試二維碼：

掃碼之后，接下來模擬器上會展示連接信息，同時在手機上會顯示遠程調試模式已連接。接下來你就可以進行遠程斷點調試了。比如你可以正常 inspect axml elements：

你可以進行斷點調試，在命中斷點后真機上會有遮罩提示，具體如圖：

在遠程調試中需要注意，每次修改代碼后需要斷開遠程調試，然后重新推送后掃碼連接進行遠程調試

性能調試

小程序性能調試可在使用小程序開發者工具開發小程序時，無需連接數據線，通過掃碼即可在真機上進行小程序性能調試。調試過程中，工具可以對采集到的性能數據進行分析，并針對檢測到的性能問題給出相應的優化建議。 這個功能使得開發者在小程序開發階段就可以隨時在本地進行性能調優，進而提升小程序的性能體驗。

環境要求

• 支付寶客戶端版本：10.1.62 及以上版本（iOS、Android 均可）
• 小程序開發者工具版本：0.30 及以上版本

調試流程

打開調試面板

點擊 IDE 上方工具欄的 調試器 ，在下方調試面板中，選擇 Performance，進入無線性能調試。

掃碼調試

點擊調試面板左上角第一個 開啟掃碼 按鈕，構建小程序，生成二維碼。使用支付寶客戶端掃碼，即可開啟無線性能調試。

開始分析

掃碼連接真機設備后，開始采集性能數據。 左側欄顯示 已連接 狀態，并呈現以下信息：

• 設備信息
• 系統版本
• 客戶端信息
• 小程序名稱
• 小程序 ID
• 小程序版本號

彈出窗口的顯示內容有：狀態、時間和進度信息。 性能數據收集過程中，可隨時點擊彈窗中藍色 分析 按鈕或調試面板左上角第二個 開始分析 按鈕，對當前時間段內采集到的數據進行診斷分析。

點擊彈窗中藍色 分析 按鈕或調試面板左上角第二個 開始分析 按鈕，即跳轉到分析結果面板。此時，性能數據仍在采集中，點擊調試面板左上角第二個 開始分析 按鈕即可再次分析。

再次分析（可選）

首次分析完成后，可點擊調試面板左上角第二個 開始分析 按鈕，進行再次分析，診斷結果會刷新至當前最新，同時在面板分析結果時間軸中顯示一條分割線，用于區分時間間隔。

停止調試

點擊調試面板左上角第三個 停止采集 按鈕，斷開連接，停止性能數據采集。若再次點擊，則會清空面板數據。 若要重新開啟調試，點擊第一個 開啟掃碼 按鈕，重新生成二維碼，掃碼調試即可。

分析結果

分析采集到的小程序性能數據，得到分析結果。 面板中的分析結果主要分為診斷建議和 Timeline 兩個部分。

診斷建議

診斷建議包含兩個部分：首頁加載性能、指標診斷結果。

首頁加載性能

首頁加載性能包括首頁啟動耗時、首頁流量消耗、首頁平均內存三項數據。 每一項數據均給出了標準值以供參考。若某項性能未能符合標準，該項性能的數據將顯示為紅色。

指標診斷結果

指標診斷結果顯示為兩個有著具體數量的分類：建議優化項、通過項。 每項診斷結果均給出了診斷標準，也可點擊展開按鈕查看診斷詳情。 對于建議優化項，將給出相應的優化建議，開發者可進行針對性優化。

Timeline

該數據區域以時間軸的形式展示，監測小程序運行的整個周期，主要提供三部分數據：

• MEMORY(MB)、CPU(%)、FPS：以時間軸形式展示內存、CPU、FPS的變化情況；
• Network（網絡請求）：展示小程序所有網絡請求的 URL 以及具體耗時；
• MiniApp（函數調用）：主要包含 OpenAPI 函數調用情況、App 生命周期函數調用情況、各個頁面的函數調用情況，以及各函數的具體耗時。

在真機上預覽小程序

1. 使用手機支付寶掃碼登錄開發者工具，并允許關聯支付寶小程序。

1. 點擊開發者工具右上角工具欄上的 預覽 按鈕。

1. 點擊 確認推送，即可在手機上運行和預覽小程序了。

總結

以上是生活随笔為你收集整理的pyqt5点击按钮后关联程序一直运行指导再次点击按钮_揭秘支付宝小程序调试方法...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。