微信小程序的調(diào)試方法

2022-06-18

微信小程序開發(fā)系列1：微信小程序應(yīng)用與開發(fā)環(huán)境建設(shè)

微信小程序開發(fā)系列2：微信小程序視圖設(shè)計(jì)

本教程的前兩篇文章介紹了如何使用下圖所示的微信開發(fā)者工具自動生成一個Hello World微信小程序，并解釋了自動生成的微信小程序的視圖開發(fā)原理。

該系列的下一步將繼續(xù)介紹微信小程序的控制器m.yingtumall.com實(shí)現(xiàn)。在上一篇關(guān)于微信小程序視圖源代碼的解釋中，我們通過逐行解釋代碼，介紹了微信小程序視圖的基本開發(fā)控制器m.yingtumall.com，僅僅采用靜態(tài)代碼檢查是不夠的。我們需要啟動微信小程序，通過單步調(diào)試逐步解釋。通過控制器的調(diào)用，我們可以對微信小程序的控制器有更深入的了解。

因此，首先要學(xué)習(xí)微信小程序的調(diào)試方法。

打開微信開發(fā)者工具，點(diǎn)擊工具欄調(diào)試器按鈕：

開發(fā)人員工具右側(cè)的區(qū)域現(xiàn)在從上到下分為兩部分：仍然是代碼編輯頁面，下面是紅域是微信小程序的調(diào)試工具。

做過前端開發(fā)的朋友一眼就能看出，這其實(shí)是微信的開發(fā)者工具。

我還在微信微信官方賬號汪子熙上寫了一篇關(guān)于微信開發(fā)者工具使用技巧的介紹。感興趣的朋友可以去看看:

鏈接如下：m.yingtumall.com ** 微信&chk ** =微信微信微信#rd

打開調(diào)試器中的控制器m.yingtumall.com,單擊行號"3",然后行號3自動亮起，說明第三行已經(jīng)成功設(shè)置了斷點(diǎn)。

點(diǎn)擊編譯按鈕，自動啟動我們的小程序，自動觸發(fā)設(shè)置在控制器中的斷點(diǎn)。這樣，我們就可以學(xué)習(xí)微信小程序控制器的調(diào)用。

手機(jī)上仍然可以打開微信小程序的調(diào)試器。** 詢問微信小程序，點(diǎn)擊屏幕右下角的微信按鈕。

然后整個手機(jī)屏幕都充滿了微信小程序的調(diào)試器。與安裝在計(jì)算機(jī)上的微信開發(fā)人員工具相比，該調(diào)試器只能顯示日志，執(zhí)行一些簡單的微信操作，但不能調(diào)試微信代碼。

一些與微信小程序性能相關(guān)的參數(shù)和性能參數(shù)可微信小程序性能相關(guān)的參數(shù)和性能參數(shù)：

微信: 3ms 3毫秒的跳轉(zhuǎn)時間