前提

成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站建設、網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務漢陽,十載網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220

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，顯示的配置項名稱應該為： 開發(fā)者工具實驗性功能 ,如下圖;

2、啟用它;

3、重啟Chrome;

4、打開 DevTools Setting -> Experiments 頁卡;

5、找到 Node debugging , 勾選.

最后應該能看到類似下圖，表示環(huán)境已準備好:

調(diào)試

調(diào)試很簡單，像普通的js文件一樣，利用DevTools進行斷點調(diào)試.

運行Node.js app

需要在debug模式下運行Node.js應用，很簡單，只要添加 –inspect 參數(shù)即可。

node --inpect server.js

注：server.js 為我自己的應用文件，自定義，下圖中為' node.js ‘。如果順利的話，應該能看到類似下圖信息：

運行后，可以看到在 DevTools -> Sources 有 server.js 應用：

展開后，可以查看當前node應用的js文件，至此，您已經(jīng)可以利用Chrome進行并行調(diào)試操作了。

最后

使用此新版Chrome，還有許多其他的功能，比如在調(diào)試期間修改文件內(nèi)容、保存文件快照等。

還要感謝原作者 Serg Hospodarets 的分享，好了，以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可留言交流。

本文題目：利用ChromeDevTools直接調(diào)試Node.js和JavaScript的方法詳解(并行)
標題URL：http://chinadenli.net/article4/joepie.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站改版、全網(wǎng)營銷推廣、網(wǎng)站設計公司、靜態(tài)網(wǎng)站、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)