這篇文章將為大家詳細講解有關微信開發(fā)者工具的調試方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

10年積累的網站設計制作、網站設計經驗，可以快速應對客戶對網站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網絡服務。我雖然不認識你，你也不認識我。但先網站設計后付款的網站建設流程，更有榆中免費網站建設讓你可以放心的選擇與我們合作。

由于小程序的火爆,于是去開源中國接了個私活,開發(fā)一個小程序。于是開始學習微信小程序開發(fā)文檔,下載微信開發(fā)者工具,進行開發(fā)了。開發(fā)過程中需要調試,開始只是打日志或者斷言,覺得很不方便,希望跟IDEA一樣的調試器,于是摸索如下。

微信開發(fā)者工具調試大法

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

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

第三步：單步調試，按調試器窗口(debugger)的向下箭頭(stepintonextfunctioncall)，一步步的可以往下調試，如果想跳到下一個斷點，就按調試器窗口的類似于播放的小按鈕,英文叫resumescriptexecution，快捷鍵為F8或者Ctrl+\,如下圖所示

微信開發(fā)者工具使用方法

如果想看調試中變量的運行值怎么辦？有許多辦法，這里以查看上個界面?zhèn)鱽淼膐ptions變量值為例

辦法1：讓鼠標指針放在變量上，他會有提示框，框內就是變量值，如下圖所示

辦法2:使用console.log(options);打印出來，在console窗口可以查看。

關于“微信開發(fā)者工具的調試方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

文章題目：微信開發(fā)者工具的調試方法-創(chuàng)新互聯(lián)
網頁路徑：http://chinadenli.net/article8/edoop.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、商城網站、搜索引擎優(yōu)化、標簽優(yōu)化、網站改版、域名注冊

廣告

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