微信小程序的調(diào)試方法是什么-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)微信小程序的調(diào)試方法是什么，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

成都服務(wù)器托管，創(chuàng)新互聯(lián)公司提供包括服務(wù)器租用、西部信息服務(wù)器租用、帶寬租用、云主機(jī)、機(jī)柜租用、主機(jī)租用托管、CDN網(wǎng)站加速、申請(qǐng)域名等業(yè)務(wù)的一體化完整服務(wù)。電話(huà)咨詢(xún)：028-86922220

控制器index.js 僅僅采取靜態(tài)的代碼走查還不夠，我們需要將微信小程序啟動(dòng)起來(lái)，通過(guò)單步調(diào)試的方式逐行講解，通過(guò)控制器的調(diào)用上下文能對(duì)微信小程序的控制器實(shí)現(xiàn)有更深入的了解。

為此我們先要學(xué)會(huì)微信小程序的調(diào)試方法。

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

開(kāi)發(fā)者工具右邊的區(qū)域現(xiàn)在從上到下一分為二：上面藍(lán)色區(qū)域還是代碼編輯頁(yè)面，下面紅色區(qū)域就是微信小程序的調(diào)試工具。

做過(guò)前端開(kāi)發(fā)的朋友們，可以一眼就看出這其實(shí)就是Chrome的開(kāi)發(fā)者工具。

我在我的微信公眾號(hào)“汪子熙”上也寫(xiě)過(guò)一篇Chrome開(kāi)發(fā)者工具的使用技巧介紹，感興趣的朋友可以去看看：

鏈接如下： https://mp.weixin.qq.com/s?__biz=MzI3MDE4MjM5Mg==&mid=2247484306&idx=1&sn=314d749da91a94064ef1e258657a0974&chksm=ead5b105dda23813addbca28689e3fcc22c0b47cb2d4f49557ec796edfa8fe88c43d2c70567a#rd

在調(diào)試器里打開(kāi)我們的控制器index.js, 單擊行號(hào)"3", 然后行號(hào)3自動(dòng)被高亮，說(shuō)明第3行已經(jīng)成功設(shè)置好了一個(gè)斷點(diǎn)。

點(diǎn)擊“編譯”按鈕，我們的小程序自動(dòng)啟動(dòng)，設(shè)置在控制器里的斷點(diǎn)就自動(dòng)觸發(fā)了。這樣我們就可以通過(guò)單步調(diào)試的方式來(lái)學(xué)習(xí)微信小程序控制器的調(diào)用上下文了。

微信小程序的調(diào)試器在手機(jī)上仍然可以打開(kāi)。在手機(jī)上訪(fǎng)問(wèn)微信小程序，點(diǎn)擊屏幕右下角的vConsole按鈕。

接著整個(gè)手機(jī)屏幕就被微信小程序的調(diào)試器充滿(mǎn)了。這個(gè)調(diào)試器和電腦上安裝的微信開(kāi)發(fā)者工具相比，僅僅能顯示日志和執(zhí)行一些簡(jiǎn)單的JavaScript操作，但是不能像電腦上那樣，進(jìn)行JavaScript代碼的調(diào)試。

我們注意到上圖的“command...”輸入框可以輸入一些簡(jiǎn)單的JavaScript命令，比如console.log("Jerry")。

然后可以在手機(jī)的調(diào)試器上看到輸出的Jerry：

System標(biāo)簽頁(yè)可以看到一些微信小程序性能相關(guān)的參數(shù)和性能參數(shù)：

MicroMessenger版本號(hào)：6.6.6

Wechat lib: 庫(kù)文件版本2.0.9

navigation: 3ms 跳轉(zhuǎn)時(shí)間3毫秒

domComplete(domLoaded): dom加載總共花費(fèi)19毫秒

WXML標(biāo)簽頁(yè)能顯示當(dāng)前渲染好的視圖的明細(xì)：

大家熟悉了微信小程序的調(diào)試器，就能開(kāi)始下一章節(jié)關(guān)于微信小程序控制器的學(xué)習(xí)了。

看完上述內(nèi)容，你們對(duì)微信小程序的調(diào)試方法是什么有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝大家的支持。

網(wǎng)站題目：微信小程序的調(diào)試方法是什么-創(chuàng)新互聯(lián)
URL地址：http://muchs.cn/article8/dpidip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、品牌網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、電子商務(wù)、網(wǎng)站改版、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)