在微信小程序開始學(xué)習(xí)與開發(fā)的過(guò)程中，總有一些東西，想看看它跑起來(lái)的內(nèi)容與我們編程時(shí)想的是否一致，于是就想到了能不能單步調(diào)試或者打出一些我們想要的變量的內(nèi)容，以便我們做進(jìn)一步的開發(fā)和調(diào)整，現(xiàn)在我就要介紹下微信小程序的一般用到的調(diào)試方法和打印日志以及看到變量里面的運(yùn)行值。

第一步：打斷點(diǎn)，我們必須在我們想要它停下來(lái)的地方打上調(diào)試斷點(diǎn)，點(diǎn)擊微信開發(fā)者工具的左側(cè)的“調(diào)試”tab,然后選擇中間窗口中的”Sources”Tab，在Sources頁(yè)中點(diǎn)開”Top”根節(jié)點(diǎn)，層層打開，找到自己想要調(diào)試的js文件，一般是打那種.js后面帶[sm]，如index.js[sm]，非index.js，當(dāng)然這里之后想修改內(nèi)容不能在”調(diào)試”模式下修改，而要轉(zhuǎn)到”編輯”模式，之前我老容易犯這個(gè)錯(cuò)誤，打開index.js[sm]文件后，點(diǎn)擊左邊的行上的數(shù)字，就會(huì)由灰色背景變成藍(lán)色背景，這樣斷點(diǎn)就打好了，(如果不想要了，也可以點(diǎn)擊就會(huì)取消)如下圖所示:

第二步：運(yùn)行，首先點(diǎn)擊編譯上面的那個(gè)運(yùn)行小圖標(biāo)(或者快捷鍵ctrl+b)，然后操作到你想要的那個(gè)界面或者觸發(fā)某個(gè)動(dòng)作，程序自動(dòng)會(huì)跑到斷點(diǎn)處代碼，如下圖所示:

第三步：?jiǎn)尾秸{(diào)試，按調(diào)試器窗口(debugger)的向下箭頭

(step into nextfunction call)，一步步的可以往下調(diào)試，如果想跳到下一個(gè)斷點(diǎn)，就按調(diào)試器窗口的類似于播放的小按鈕

,英文叫resume script execution，快捷鍵為F8或者Ctrl+\,如下圖所示

如果想看調(diào)試中變量的運(yùn)行值怎么辦？有許多辦法，這里以查看上個(gè)界面?zhèn)鱽?lái)的options變量值為例

辦法1：讓鼠標(biāo)指針?lè)旁谧兞可希麜?huì)有提示框，框內(nèi)就是變量值，如下圖所示

辦法2:使用console.log(options);打印出來(lái)，在console窗口可以查看，如下圖所示

方法3：在調(diào)試器窗口，點(diǎn)開Scope標(biāo)簽，然后再點(diǎn)開相應(yīng)變量,如下圖所示

如果我們的斷點(diǎn)過(guò)多或者不想它們調(diào)試了，怎么讓它們失效呢？

辦法就是點(diǎn)擊調(diào)試器窗口中的圖標(biāo)

，英文叫deactive breakpoints(或者快捷鍵:Ctrl+F8)