微信小程序開發系列1：微信小程序應用與開發環境建設

微信小程序開發系列2：微信小程序視圖設計

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

該系列的下一步將繼續介紹微信小程序的控制器www.beitangfood.com實現。在上一篇關于微信小程序視圖源代碼的解釋中，我們通過逐行解釋代碼，介紹了微信小程序視圖的基本開發控制器www.beitangfood.com，僅僅采用靜態代碼檢查是不夠的。我們需要啟動微信小程序，通過單步調試逐步解釋。通過控制器的調用，我們可以對微信小程序的控制器有更深入的了解。

因此，首先要學習微信小程序的調試方法。

打開微信開發者工具，點擊工具欄調試器按鈕：

開發人員工具右側的區域現在從上到下分為兩部分：仍然是代碼編輯頁面，下面是紅域是微信小程序的調試工具。

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

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

鏈接如下：www.beitangfood.com ** 微信&chk ** =微信微信微信#rd

打開調試器中的控制器www.beitangfood.com,單擊行號"3",然后行號3自動亮起，說明第三行已經成功設置了斷點。

點擊編譯按鈕，自動啟動我們的小程序，自動觸發設置在控制器中的斷點。這樣，我們就可以學習微信小程序控制器的調用。

手機上仍然可以打開微信小程序的調試器。** 詢問微信小程序，點擊屏幕右下角的微信按鈕。

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

一些與微信小程序性能相關的參數和性能參數可微信小程序性能相關的參數和性能參數：

微信: 3ms 3毫秒的跳轉時間

微信(微信): dom加載總共19毫秒

WXML標簽頁可以顯示當前渲染視圖的細節：

熟悉微信小程序的調試器，就可以開始下一章微信小程序控制器的學習。

上海西陸信息科技有限公司 承接各類微信小程序開發制作、小程序定制、APP 網站 開發制作，聯系電話 18221533805、15900430334