微信小程序的調試方法

微信小程(cheng)序開發系列(lie)1：微信小程(cheng)序應用(yong)與開發環境(jing)建設

微信(xin)小程序(xu)開(kai)發(fa)系列(lie)2：微信(xin)小程序(xu)視圖(tu)設計

本教程的(de)(de)前(qian)兩篇文章介紹了(le)(le)如何使用下圖(tu)所示的(de)(de)微信(xin)開發(fa)(fa)者工具自動(dong)生(sheng)成一(yi)個Hello World微信(xin)小程序(xu)，并(bing)解釋了(le)(le)自動(dong)生(sheng)成的(de)(de)微信(xin)小程序(xu)的(de)(de)視圖(tu)開發(fa)(fa)原理(li)。

該系列的下一(yi)步將繼(ji)續介(jie)紹(shao)微(wei)信(xin)小(xiao)程(cheng)(cheng)序(xu)的控(kong)(kong)制器(qi)karrylady.cn實現。在上(shang)一(yi)篇關于微(wei)信(xin)小(xiao)程(cheng)(cheng)序(xu)視(shi)圖(tu)源代碼(ma)的解(jie)釋(shi)中，我們通(tong)過逐行解(jie)釋(shi)代碼(ma)，介(jie)紹(shao)了(le)微(wei)信(xin)小(xiao)程(cheng)(cheng)序(xu)視(shi)圖(tu)的基本開發控(kong)(kong)制器(qi)karrylady.cn，僅(jin)僅(jin)采用靜(jing)態代碼(ma)檢查是不(bu)夠的。我們需要啟動(dong)微(wei)信(xin)小(xiao)程(cheng)(cheng)序(xu)，通(tong)過單(dan)步調試逐步解(jie)釋(shi)。通(tong)過控(kong)(kong)制器(qi)的調用，我們可以對微(wei)信(xin)小(xiao)程(cheng)(cheng)序(xu)的控(kong)(kong)制器(qi)有更深入(ru)的了(le)解(jie)。

因此，首(shou)先要(yao)學習微(wei)信小(xiao)程(cheng)序的調試(shi)方法。

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

開發人員工具(ju)右側的區域現(xian)在從上(shang)到(dao)下(xia)分為兩部分：仍然(ran)是(shi)代碼(ma)編(bian)輯頁(ye)面，下(xia)面是(shi)紅域是(shi)微信小程序的調試工具(ju)。

做過前端開發的(de)朋友一眼就能看出(chu)，這(zhe)其(qi)實是微信(xin)的(de)開發者工具。

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

鏈(lian)接如下(xia)：karrylady.cn ** 微信&chk ** =微信微信微信#rd

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

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

手機(ji)上仍然可以打開微信小(xiao)程序(xu)的(de)調試器。** 詢問微信小(xiao)程序(xu)，點擊屏幕右下(xia)角(jiao)的(de)微信按(an)鈕。

然后(hou)整個手機屏幕都充滿了(le)微(wei)信(xin)小(xiao)程(cheng)序的(de)調(diao)試器。與安裝在計(ji)算機上的(de)微(wei)信(xin)開發人(ren)員工(gong)具相比，該調(diao)試器只(zhi)能(neng)顯(xian)示日(ri)志，執行一些簡單的(de)微(wei)信(xin)操(cao)作，但不能(neng)調(diao)試微(wei)信(xin)代碼。

一些(xie)與微(wei)信(xin)小程序(xu)性(xing)能相關的參數(shu)和(he)性(xing)能參數(shu)可(ke)微(wei)信(xin)小程序(xu)性(xing)能相關的參數(shu)和(he)性(xing)能參數(shu)：

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

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

WXML標簽(qian)頁可(ke)以顯示當前渲染視(shi)圖(tu)的(de)細節：

熟悉微信小(xiao)程序的調(diao)試器，就可以開(kai)始下(xia)一章微信小(xiao)程序控制器的學(xue)習。

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