摘要:自從以來,已經(jīng)直接支持類似的功能,只要對執(zhí)行的代碼加入一個參數(shù),即可使用做代碼調(diào)試。并且調(diào)入代碼到調(diào)試器內(nèi),在執(zhí)行命令的控制臺上可以看到現(xiàn)在,可以使用點(diǎn)擊調(diào)試器內(nèi)的等按鈕做調(diào)試了。
自從node6.3以來,node已經(jīng)直接支持類似node-inpect的功能,只要對執(zhí)行的js代碼加入一個--inspect參數(shù),即可使用chrome做代碼調(diào)試。
本文使用如下工具:
node v9.5.0
chrome 64
首先準(zhǔn)備待調(diào)試代碼。如果這是為了學(xué)習(xí)的目的,可以使用我測試用代碼為:
var objectRegExp = /^[object (S+)]$/; function gettype(obj) { var type = typeof obj; if (type !== "object") { return type; } // inspect [[Class]] for objects return toString.call(obj) .replace(objectRegExp, "$1"); } gettype({}) gettype(function(){})
然后運(yùn)行此代碼,加上參數(shù)--inspect-brk
node --inspect-brk a.js
系統(tǒng)提示:
Debugger listening on ws://127.0.0.1:9229/84960765-5abc-4236-a7c6-924f99c34ed7
打開瀏覽器,在地址欄內(nèi)輸入:
chrome://inspect/#devices
可以看到:
Remote Target #LOCALHOST Target (v9.5.0) a.js file:///Users/lcj/Documents/github/express/a.js inspect
點(diǎn)擊最后一行inspect,即可彈出一個新的窗口,此為調(diào)試器。并且調(diào)入代碼到chrome調(diào)試器內(nèi),在執(zhí)行命令的控制臺上可以看到:
Debugger attached.
現(xiàn)在,可以使用點(diǎn)擊調(diào)試器內(nèi)的Run | Step | Step Into等按鈕做調(diào)試了。
對于沒有直接使用node執(zhí)行的代碼,比如測試用例mocha,怎么辦?mocha也是支持這些選項(xiàng)的,比如express使用了mocha做單元測試,可以用如下命名來做調(diào)試:
mocha --require test/support/env --reporter spec --bail --check-leaks --no-exit test/app.router.js --inspect-brk -g "should decode correct params
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/107461.html
摘要:頁面調(diào)試騰訊開發(fā)維護(hù)的代碼調(diào)試發(fā)布,錯誤監(jiān)控上報,用戶問題定位。同樣是由騰訊開發(fā)維護(hù)的代碼調(diào)試工具,是針對移動端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫。動畫庫動畫庫,也是目前通用的動畫庫。 本人微信公眾號:前端修煉之路,歡迎關(guān)注 本篇文章整理自己使用過的和看到過的一些插件和工具,方便日后自己查找和使用。 另外,感謝白小明,文中很多的工具來源于此。 彈出框 layer:http://layer....
摘要:本文作者王仕軍,商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。想知道我接下來會寫些什么歡迎訂閱我的掘金專欄或知乎專欄前端周刊讓你在前端領(lǐng)域跟上時代的腳步。 showImg(https://segmentfault.com/img/remote/1460000009407536?w=592&h=314); 共 2127 字,讀完需 4 分鐘。我本周讀到 1 篇比較有趣的文章叫做《Th...
摘要:在這個編輯器中,和是其中排名靠前的兩個。是一個免費(fèi)的輕量級編輯器和,用于和開發(fā)。對于免費(fèi)的代碼編輯器來說,是一個很好的選擇??梢园惭b兩個命令行實(shí)用程序,用于從啟動編輯器,用于管理的軟件包。 對于JavaScript程序員來說,目前有很多很棒的工具可供選擇。本文將會討論10個優(yōu)秀的支持javascript,HTML5和CSS開發(fā),并且可以使用Markdown進(jìn)行文檔編寫的文本編輯器。為什...
摘要:也就是說,所有的函數(shù)和構(gòu)造函數(shù)都是由生成,包括本身。如果只考慮構(gòu)造函數(shù)和及其關(guān)聯(lián)的原型對象,在不解決懸念的情況下,圖形是這樣的可以看到,每一個構(gòu)造函數(shù)和它關(guān)聯(lián)的原型對象構(gòu)成一個環(huán),而且每一個構(gòu)造函數(shù)的屬性無所指。 前言 JavaScript 是我接觸到的第二門編程語言,第一門是 C 語言。然后才是 C++、Java 還有其它一些什么。所以我對 JavaScript 是非常有感情的,畢...
摘要:調(diào)試指南本指南將幫助你入門調(diào)試應(yīng)用程序和腳本。這樣做可能會給你帶來潛在的重大安全威脅,我們建議你確保適當(dāng)?shù)姆阑饓驮L問控制措施,以防止安全風(fēng)險。不再維護(hù)或記錄調(diào)試協(xié)議。 入門指南 安裝Node之后,讓我們嘗試構(gòu)建我們的第一個Web服務(wù)器,創(chuàng)建名為app.js的文件,并粘貼以下代碼: const http = require(http); const hostname = 127.0....
閱讀 1917·2023-04-26 02:51
閱讀 2972·2021-09-10 10:50
閱讀 3240·2021-09-01 10:48
閱讀 3759·2019-08-30 15:53
閱讀 1919·2019-08-29 18:40
閱讀 474·2019-08-29 16:16
閱讀 2103·2019-08-29 13:21
閱讀 1876·2019-08-29 11:07