在微信小程序開始學(xué)習(xí)與開發(fā)的過程中瘦材，總有一些東西唤崭，想看看它跑起來的內(nèi)容與我們編程時想的是否一致聘惦，于是就想到了能不能單步調(diào)試或者打出一些我們想要的變量的內(nèi)容锦援，以便我們做進(jìn)一步的開發(fā)和調(diào)整蝗碎，現(xiàn)在我就要介紹下微信小程序的一般用到的調(diào)試方法和打印日志以及看到變量里面的運(yùn)行值湖笨。
第一步：打斷點(diǎn)，我們必須在我們想要它停下來的地方打上調(diào)試斷點(diǎn)蹦骑，點(diǎn)擊微信開發(fā)者工具的左側(cè)的“調(diào)試”tab,然后選擇中間窗口中的”Sources”Tab慈省，在Sources頁中點(diǎn)開”Top”根節(jié)點(diǎn)，層層打開眠菇，找到自己想要調(diào)試的js文件边败，一般是打那種.js后面帶[sm]，如index.js[sm]捎废，非index.js笑窜，當(dāng)然這里之后想修改內(nèi)容不能在”調(diào)試”模式下修改，而要轉(zhuǎn)到”編輯”模式缕坎，之前我老容易犯這個錯誤怖侦，打開index.js[sm]文件后，點(diǎn)擊左邊的行上的數(shù)字谜叹，就會由灰色背景變成藍(lán)色背景匾寝，這樣斷點(diǎn)就打好了，(如果不想要了荷腊，也可以點(diǎn)擊就會取消)如下圖所示:
第二步：運(yùn)行艳悔，首先點(diǎn)擊編譯上面的那個運(yùn)行小圖標(biāo)(或者快捷鍵ctrl+b)，然后操作到你想要的那個界面或者觸發(fā)某個動作女仰，程序自動會跑到斷點(diǎn)處代碼猜年，如下圖所示:
第三步：單步調(diào)試，按調(diào)試器窗口(debugger)的向下箭頭
(step into nextfunction call)疾忍，一步步的可以往下調(diào)試乔外，如果想跳到下一個斷點(diǎn)，就按調(diào)試器窗口的類似于播放的小按鈕
,英文叫resume script execution一罩，快捷鍵為F8或者Ctrl+\,如下圖所示
如果想看調(diào)試中變量的運(yùn)行值怎么辦杨幼？有許多辦法，這里以查看上個界面?zhèn)鱽淼膐ptions變量值為例
辦法1：讓鼠標(biāo)指針放在變量上聂渊，他會有提示框差购，框內(nèi)就是變量值，如下圖所示
辦法2:使用console.log(options);打印出來汉嗽，在console窗口可以查看欲逃，如下圖所示
方法3：在調(diào)試器窗口，點(diǎn)開Scope標(biāo)簽饼暑，然后再點(diǎn)開相應(yīng)變量,如下圖所示
如果我們的斷點(diǎn)過多或者不想它們調(diào)試了稳析，怎么讓它們失效呢洗做？
辦法就是點(diǎn)擊調(diào)試器窗口中的圖標(biāo)
，英文叫deactive breakpoints(或者快捷鍵:Ctrl+F8)
