利用Chrome DevTools直接調(diào)試Node.js和JavaScript的方法詳解(并行)
前提
Node.js 6.3+, 這個可上Node.js官網(wǎng)自行下載;
Chrome 55+. 如果您本地的chrome升級到最新版后還是<55, 可以從此處下載:Chrome Canary,親測可行。
配置
就目前來說,在瀏覽器端并行調(diào)試JavaScript與Node.js還屬于新特性,新體驗。為了能夠正常使用,你還需要做如下配置:
1、輸入url:chrome://flags/#enable-devtools-experiments. 注:如果使用中文版Chrome,顯示的配置項名稱應(yīng)該為: 開發(fā)者工具實驗性功能 ,如下圖;
2、啟用它;
3、重啟Chrome;
4、打開 DevTools Setting -> Experiments 頁卡;
5、找到 Node debugging , 勾選.
最后應(yīng)該能看到類似下圖,表示環(huán)境已準(zhǔn)備好:
調(diào)試
調(diào)試很簡單,像普通的js文件一樣,利用DevTools進行斷點調(diào)試.
運行Node.js app
需要在debug模式下運行Node.js應(yīng)用,很簡單,只要添加 –inspect
參數(shù)即可。
node --inpect server.js
注:server.js 為我自己的應(yīng)用文件,自定義,下圖中為' node.js ‘。如果順利的話,應(yīng)該能看到類似下圖信息:
運行后,可以看到在 DevTools -> Sources 有 server.js 應(yīng)用:
展開后,可以查看當(dāng)前node應(yīng)用的js文件,至此,您已經(jīng)可以利用Chrome進行并行調(diào)試操作了。
最后
使用此新版Chrome,還有許多其他的功能,比如在調(diào)試期間修改文件內(nèi)容、保存文件快照等。
還要感謝原作者 Serg Hospodarets 的分享,好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可留言交流。
相關(guān)文章
Node在Controller層進行數(shù)據(jù)校驗的過程詳解
這篇文章主要給大家介紹了關(guān)于Node在Controller層進行數(shù)據(jù)校驗的相關(guān)資料,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08node終端里如何連接mysql數(shù)據(jù)庫并進行sql查詢
這篇文章主要為大家介紹了node終端里如何連接mysql數(shù)據(jù)庫并進行sql查詢,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07mongodb初始化并使用node.js實現(xiàn)mongodb操作封裝方法
這篇文章主要介紹了mongodb初始化并使用node.js實現(xiàn)mongodb操作封裝方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04nodejs 實現(xiàn)MQTT協(xié)議的服務(wù)器端和客戶端的雙向交互的過程
這篇文章主要介紹了nodejs 實現(xiàn)MQTT協(xié)議的服務(wù)器端和客戶端的雙向交互的過程,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11