摘要:第三步在打開在地址欄輸入并回車后就會看到以下頁面了點(diǎn)擊上面的鏈接跳轉(zhuǎn)到調(diào)試頁面你會看到一個調(diào)試當(dāng)前代碼的彈窗。更好的體驗(yàn)是,當(dāng)你的重啟后,這個調(diào)試窗口會重新連接。從上圖,你會看到一堆經(jīng)常用到的調(diào)試工具。
事實(shí)上chrome devtools在2016年5月就已經(jīng)支持Nodejs的調(diào)試了,具體可以觀看英文原版Google I/O上的視頻
第一步:下載和安裝最新版本的Nodejs(要求6.3.0及以上) 第二步:增加--inspect來運(yùn)行nodenode --inspect index.js
當(dāng)然你也可以在代碼開始的時候斷點(diǎn):
node --inspect --debug-brk index.js
不過使用命令行的斷點(diǎn)功能還是比較艱難的,本人一般不使用。
接著你就可以打開一個長長的以chrome-devtools://開頭的URL...不過你現(xiàn)在不需要這樣干了,有更好的方法。
在地址欄輸入并回車后就會看到以下頁面了:
點(diǎn)擊inspect上面的鏈接跳轉(zhuǎn)到調(diào)試頁面你會看到一個調(diào)試當(dāng)前nodejs代碼的彈窗。
更好的體驗(yàn)是,當(dāng)你的nodejs重啟后,這個調(diào)試窗口會重新連接。
從上圖,你會看到一堆經(jīng)常用到的調(diào)試工具。
完整并且好用的斷點(diǎn)工具;
通過source map看到源碼;
js熱更新,修改后即時生效;
控制臺支持es6特性,完美支持對象查看(這個功能很感人呀);
簡化js的采樣及調(diào)優(yōu);
支持堆快照檢查,堆分配時間線,分配分析(方便內(nèi)存的調(diào)優(yōu))
支持原生的異步堆棧;
PS: 非常遺憾的是devtools并不支持查看Nodejs發(fā)出的網(wǎng)絡(luò)請求(即network),不過還是有辦法可以解決的,以后再發(fā)文細(xì)講這部分。
以上僅僅是簡單的介紹,如果想了解更多,可以閱讀nodejs文檔:https://nodejs.org/en/docs/in..., 其實(shí)官網(wǎng)關(guān)于inspector還是太粗略了,最好能閱讀關(guān)于debugger的文檔:https://nodejs.org/dist/lates...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/89694.html
前言 我總是調(diào)侃好多 nodejs 開發(fā)都不會多進(jìn)程調(diào)試,這其中就包括了我。直到有一天,我不得不使用它來解決一些問題,作為一個懶人,我喜歡用簡單的辦法,所以這可能是最簡單的 Nodejs 調(diào)試方法,話不多說進(jìn)入正題 單進(jìn)程調(diào)試 console.log() 單進(jìn)程的調(diào)試,如果場景不復(fù)雜、比較好預(yù)判,可以直接打印到控制臺 // 添加參數(shù) --debug-brk 可以在第一行斷點(diǎn) // node --i...
摘要:使用開發(fā)已經(jīng)有一段時間了,最開始的調(diào)試是使用工具不過已經(jīng)很長一段時間不能用了?,F(xiàn)在要調(diào)試程序需要使用新的方式。新的調(diào)試的方式有很多種,本文將介紹一種簡單直接的方式。 使用node.js開發(fā)已經(jīng)有一段時間了,最開始的調(diào)試是使用工具node-inspector;不過node-inspector已經(jīng)很長一段時間不能用了。 現(xiàn)在要調(diào)試node.js程序需要使用新的方式。新的調(diào)試的方式有很多種,...
摘要:調(diào)試方法提供了一個內(nèi)建調(diào)試器來幫助開發(fā)者調(diào)試應(yīng)用程序。這兩個參數(shù)只會啟動監(jiān)聽模式,不會進(jìn)入命令行調(diào)試模式,而且前者會運(yùn)行完所有代碼,通??捎糜谑录{(diào)試,后者會在進(jìn)入時中斷,方便從頭開始調(diào)試。安裝編輯器使用配置調(diào)試的配置信息如下圖。 Nodejs調(diào)試方法 1. Node debug Nodejs提供了一個內(nèi)建調(diào)試器來幫助開發(fā)者調(diào)試應(yīng)用程序。使用debug模式時,Node.js 會啟動De...
摘要:譯者按作為開發(fā)者,有必要全面了解一下命令的所有選項(xiàng),這樣在關(guān)鍵時刻才能得心應(yīng)手。命令有很多選項(xiàng),可以用于調(diào)試代碼。這篇博客全面介紹了命令,可以提高大家的工作效率。訪問官方文檔,可以查看命令的所有選項(xiàng)。 譯者按: 作為Node.js開發(fā)者,有必要全面了解一下Node命令的所有選項(xiàng),這樣在關(guān)鍵時刻才能得心應(yīng)手。 原文: Mastering the Node.js CLI & Comma...
摘要:譯者按作為開發(fā)者,有必要全面了解一下命令的所有選項(xiàng),這樣在關(guān)鍵時刻才能得心應(yīng)手。命令有很多選項(xiàng),可以用于調(diào)試代碼。這篇博客全面介紹了命令,可以提高大家的工作效率。訪問官方文檔,可以查看命令的所有選項(xiàng)。 譯者按: 作為Node.js開發(fā)者,有必要全面了解一下Node命令的所有選項(xiàng),這樣在關(guān)鍵時刻才能得心應(yīng)手。 原文: Mastering the Node.js CLI & Comma...
閱讀 2624·2021-09-22 15:25
閱讀 3045·2021-09-14 18:03
閱讀 1311·2021-09-09 09:33
閱讀 1778·2021-09-07 09:59
閱讀 3005·2021-07-29 13:50
閱讀 1562·2019-08-30 15:44
閱讀 1777·2019-08-29 16:22
閱讀 1351·2019-08-29 12:49