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