利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)
前提
Node.js 6.3+, 這個可上Node.js官網自行下載；
Chrome 55+. 如果您本地的chrome升級到最新版后還是<55, 可以從此處下載：Chrome Canary，親測可行。
配置
就目前來說，在瀏覽器端并行調試JavaScript與Node.js還屬于新特性，新體驗。為了能夠正常使用，你還需要做如下配置：
1、輸入url：chrome://flags/#enable-devtools-experiments. 注：如果使用中文版Chrome，顯示的配置項名稱應該為： 開發(fā)者工具實驗性功能 ,如下圖;
2、啟用它;
3、重啟Chrome;
4、打開 DevTools Setting -> Experiments 頁卡;
5、找到 Node debugging , 勾選.
最后應該能看到類似下圖，表示環(huán)境已準備好:
調試
調試很簡單，像普通的js文件一樣，利用DevTools進行斷點調試.
運行Node.js app
需要在debug模式下運行Node.js應用，很簡單，只要添加 –inspect 參數即可。
node --inpect server.js
注：server.js 為我自己的應用文件，自定義，下圖中為' node.js ‘。如果順利的話，應該能看到類似下圖信息：
運行后，可以看到在 DevTools -> Sources 有 server.js 應用：
展開后，可以查看當前node應用的js文件，至此，您已經可以利用Chrome進行并行調試操作了。
最后
使用此新版Chrome，還有許多其他的功能，比如在調試期間修改文件內容、保存文件快照等。
還要感謝原作者 Serg Hospodarets 的分享，好了，以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可留言交流。
相關文章
今天小編就為大家分享一篇解決Mac node版本升級失敗的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05
這篇文章主要介紹了安裝nvm實現切換node的詳細過程,本文給大家講解的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-06-06
利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)
現在我們可以用瀏覽器調試node.js了!!!下面這篇文章主要介紹了利用Chrome DevTools直接調試Node.js和JavaScript的方法步驟，文中介紹的很詳細，需要的朋友可以參考學習，下面來一起看看吧。2017-02-02
在ES6引入TypedArray之前，JavaScript語言沒有讀取或操作二進制數據流的機制，本文為大家詳細介紹nodeJS中二進制操作模塊buffer對象使用方法詳解2020-02-02
node.js中的events.emitter.listeners方法使用說明
這篇文章主要介紹了node.js中的events.emitter.listeners方法使用說明,本文介紹了events.emitter.listeners 的方法說明、語法、接收參數、使用實例和實現源碼,需要的朋友可以參考下2014-12-12
這篇文章主要給大家介紹了關于利用nvm管理多個版本的node.js與npm的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2017-11-11
node.js?express和koa中間件機制和錯誤處理機制
這篇文章主要介紹了node.js?express和koa中間件機制和錯誤處理機制,文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-07-07
之前兩篇文章基本上都是給我們介紹的nodejs的理論基礎，今天我們來點干貨，先從NET模塊開始講起吧。2015-01-01
這篇文章主要介紹了Nodejs實現爬蟲抓取數據實例解析,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友參考下吧2018-07-07
詳解通過源碼解析Node.js中cluster模塊的主要功能實現
這篇文章主要介紹了詳解通過源碼解析Node.js中cluster模塊的主要功能實現，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05