天天看點

node代碼調試(1)——使用Chrome調試

  随着使用node的開發人員越來越多,node的生态也越來越完善,很多人開始使用node來處理一些服務端的操作,比如處理檔案資料、操作資料庫資料等等。如何在編寫node的時候能夠像編寫java一樣那麼友善調試就是擺在大家面前的一個問題。相信作為js的開發人員,大家電腦上都是裝有谷歌的,那麼本文将告訴大家用谷歌浏覽器如何調試nodejs代碼。

1,第一步,以調試斷點的方式運作需要調試的js檔案

node --inspect-brk 檔案名.js
           

例如調試ope.js檔案:

node代碼調試(1)——使用Chrome調試

2,第二步,進入谷歌的調試頁面(三種方法任選一種均可)

這步有很多種方式都可以進入,為了友善大家選擇合适自己的方式,我在下面列出我試過的3種方法

1)第一種方法:打開谷歌浏覽器,在位址欄輸入:chrome://inspect/#devices

進入後,頁面就會顯示以上js檔案的調試入口,如下圖所示(剛進入會更新資料,如果什麼都沒顯示,稍微等待幾秒鐘),這是最快的一種方式,推薦!

node代碼調試(1)——使用Chrome調試

2)第二種方法:首先,需要開啟谷歌浏覽器的一個設定,打開谷歌浏覽器,在位址欄輸入:chrome://flags/#enable-devtools-experiments,進入如下頁面啟用Developer Tools experiments,然後重新開機谷歌浏覽器。(隻需要開啟一次,如果已經開啟了就不用開啟了)

node代碼調試(1)——使用Chrome調試

然後,在谷歌浏覽器輸入第一步中輸入指令後控制台列印的一個ws://開頭的連結

node代碼調試(1)——使用Chrome調試

打開上面連結後,進入發者模式(按F12),會看到一個綠顔色的六邊形,點選這個圖示就可以開始調試了

node代碼調試(1)——使用Chrome調試

3)第三種方法:打開谷歌浏覽器,在位址欄輸入:http://localhost:9229/json/list(端口号9229和第一步中的ws://開頭的連結的端口号一緻)

node代碼調試(1)——使用Chrome調試

打開後會看到一串json資料,其中的 devtoolsFrontendUrl 就是調試頁面的位址,在谷歌浏覽器位址欄輸入這個位址就可以進入調試頁面了

node代碼調試(1)——使用Chrome調試

繼續閱讀