利用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 頁卡;
5、找到 Node debugging , 勾選.
最后應(yīng)該能看到類似下圖,表示環(huán)境已準(zhǔn)備好:
調(diào)試
調(diào)試很簡單,像普通的js文件一樣,利用DevTools進(jìn)行斷點(diǎn)調(diào)試.
運(yùn)行Node.js app
需要在debug模式下運(yùn)行Node.js應(yīng)用,很簡單,只要添加 –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 的分享,好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可留言交流。
相關(guān)文章
Node在Controller層進(jìn)行數(shù)據(jù)校驗(yàn)的過程詳解
這篇文章主要給大家介紹了關(guān)于Node在Controller層進(jìn)行數(shù)據(jù)校驗(yàn)的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08node終端里如何連接mysql數(shù)據(jù)庫并進(jìn)行sql查詢
這篇文章主要為大家介紹了node終端里如何連接mysql數(shù)據(jù)庫并進(jìn)行sql查詢,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07mongodb初始化并使用node.js實(shí)現(xiàn)mongodb操作封裝方法
這篇文章主要介紹了mongodb初始化并使用node.js實(shí)現(xiàn)mongodb操作封裝方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04iPhone手機(jī)上搭建nodejs服務(wù)器步驟方法
這篇文章主要介紹了iPhone手機(jī)上搭建nodejs服務(wù)器步驟方法,本文給出了詳細(xì)的操作步驟以及操作命令,需要的朋友可以參考下2015-07-07nodejs實(shí)現(xiàn)超簡單生成二維碼的方法
這篇文章主要介紹了nodejs實(shí)現(xiàn)超簡單生成二維碼的方法,結(jié)合實(shí)例形式分析了nodejs基于qr-image插件生成二維碼的相關(guān)操作技巧,需要的朋友可以參考下2018-03-03nodejs 實(shí)現(xiàn)MQTT協(xié)議的服務(wù)器端和客戶端的雙向交互的過程
這篇文章主要介紹了nodejs 實(shí)現(xiàn)MQTT協(xié)議的服務(wù)器端和客戶端的雙向交互的過程,本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-11-11