溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關微信開發者工具的調試方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
由于小程序的火爆,于是去開源中國接了個私活,開發一個小程序。于是開始學習微信小程序開發文檔,下載微信開發者工具,進行開發了。開發過程中需要調試,開始只是打日志或者斷言,覺得很不方便,希望跟IDEA一樣的調試器,于是摸索如下。
微信開發者工具調試大法
第一步：打斷點，我們必須在我們想要它停下來的地方打上調試斷點，點擊微信開發者工具的左側的“調試”tab,然后選擇中間窗口中的”Sources”Tab，在Sources頁中點開”Top”根節點，層層打開，找到自己想要調試的js文件，一般是打那種.js后面帶[sm]，如index.js[sm]，非index.js，當然這里之后想修改內容不能在”調試”模式下修改，而要轉到”編輯”模式，之前我老容易犯這個錯誤，打開index.js[sm]文件后，點擊左邊的行上的數字，就會由灰色背景變成藍色背景，這樣斷點就打好了，(如果不想要了，也可以點擊就會取消)如下圖所示:
第二步：運行，首先點擊編譯上面的那個運行小圖標(或者快捷鍵ctrl+b)，然后操作到你想要的那個界面或者觸發某個動作，程序自動會跑到斷點處代碼，如下圖所示:
第三步：單步調試，按調試器窗口(debugger)的向下箭頭(stepintonextfunctioncall)，一步步的可以往下調試，如果想跳到下一個斷點，就按調試器窗口的類似于播放的小按鈕,英文叫resumescriptexecution，快捷鍵為F8或者Ctrl+\,如下圖所示
微信開發者工具使用方法
如果想看調試中變量的運行值怎么辦？有許多辦法，這里以查看上個界面傳來的options變量值為例
辦法1：讓鼠標指針放在變量上，他會有提示框，框內就是變量值，如下圖所示
辦法2:使用console.log(options);打印出來，在console窗口可以查看。
關于“微信開發者工具的調試方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
