溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)

發布時間:2020-10-13 20:26:27 來源:腳本之家 閱讀:246 作者:xishiyi7 欄目:web開發

前提

Node.js 6.3+, 這個可上Node.js官網自行下載;

Chrome 55+. 如果您本地的chrome升級到最新版后還是<55, 可以從此處下載:Chrome Canary,親測可行。

配置

就目前來說,在瀏覽器端并行調試JavaScript與Node.js還屬于新特性,新體驗。為了能夠正常使用,你還需要做如下配置:

1、輸入url:chrome://flags/#enable-devtools-experiments. 注:如果使用中文版Chrome,顯示的配置項名稱應該為: 開發者工具實驗性功能 ,如下圖;

利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)

2、啟用它;

3、重啟Chrome;

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

5、找到 Node debugging , 勾選.

最后應該能看到類似下圖,表示環境已準備好:

利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)

調試

調試很簡單,像普通的js文件一樣,利用DevTools進行斷點調試.

運行Node.js app

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

node --inpect server.js

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

利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)

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

利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)

展開后,可以查看當前node應用的js文件,至此,您已經可以利用Chrome進行并行調試操作了。

利用Chrome DevTools直接調試Node.js和JavaScript的方法詳解(并行)

最后

使用此新版Chrome,還有許多其他的功能,比如在調試期間修改文件內容、保存文件快照等。

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女