非常方便的node內(nèi)置的調(diào)試方法

RaoMeng 發(fā)布于2019-08-26 11:44 / 1539人閱讀

摘要：自從以來(lái)，已經(jīng)直接支持類(lèi)似的功能，只要對(duì)執(zhí)行的代碼加入一個(gè)參數(shù)，即可使用做代碼調(diào)試。并且調(diào)入代碼到調(diào)試器內(nèi)，在執(zhí)行命令的控制臺(tái)上可以看到現(xiàn)在，可以使用點(diǎn)擊調(diào)試器內(nèi)的等按鈕做調(diào)試了。

自從node6.3以來(lái)，node已經(jīng)直接支持類(lèi)似node-inpect的功能，只要對(duì)執(zhí)行的js代碼加入一個(gè)--inspect參數(shù)，即可使用chrome做代碼調(diào)試。

本文使用如下工具：

node v9.5.0

chrome 64

首先準(zhǔn)備待調(diào)試代碼。如果這是為了學(xué)習(xí)的目的，可以使用我測(cè)試用代碼為：

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

打開(kāi)瀏覽器，在地址欄內(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，即可彈出一個(gè)新的窗口，此為調(diào)試器。并且調(diào)入代碼到chrome調(diào)試器內(nèi)，在執(zhí)行命令的控制臺(tái)上可以看到：

Debugger attached.

現(xiàn)在，可以使用點(diǎn)擊調(diào)試器內(nèi)的Run | Step | Step Into等按鈕做調(diào)試了。

對(duì)于沒(méi)有直接使用node執(zhí)行的代碼，比如測(cè)試用例mocha，怎么辦？mocha也是支持這些選項(xiàng)的，比如express使用了mocha做單元測(cè)試，可以用如下命名來(lái)做調(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

云服務(wù)器 GPU云服務(wù)器機(jī)柜托管最方便的機(jī)箱非常不錯(cuò)的Google 非常大的數(shù)據(jù) 非常便宜的云服務(wù)器

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107461.html

相關(guān)文章

前端常用插件、工具類(lèi)庫(kù)匯總

摘要：頁(yè)面調(diào)試騰訊開(kāi)發(fā)維護(hù)的代碼調(diào)試發(fā)布，錯(cuò)誤監(jiān)控上報(bào)，用戶(hù)問(wèn)題定位。同樣是由騰訊開(kāi)發(fā)維護(hù)的代碼調(diào)試工具，是針對(duì)移動(dòng)端的調(diào)試工具。前端業(yè)務(wù)代碼工具庫(kù)。動(dòng)畫(huà)庫(kù)動(dòng)畫(huà)庫(kù)，也是目前通用的動(dòng)畫(huà)庫(kù)。本人微信公眾號(hào)：前端修煉之路，歡迎關(guān)注本篇文章整理自己使用過(guò)的和看到過(guò)的一些插件和工具，方便日后自己查找和使用。另外，感謝白小明，文中很多的工具來(lái)源于此。彈出框 layer：http://layer....

GitCafe 2019-08-23 13:57 評(píng)論0 收藏0
前端周刊第55期：10X 程序員？

摘要：本文作者王仕軍，商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。想知道我接下來(lái)會(huì)寫(xiě)些什么歡迎訂閱我的掘金專(zhuān)欄或知乎專(zhuān)欄前端周刊讓你在前端領(lǐng)域跟上時(shí)代的腳步。 showImg(https://segmentfault.com/img/remote/1460000009407536?w=592&h=314); 共 2127 字，讀完需 4 分鐘。我本周讀到 1 篇比較有趣的文章叫做《Th...

KaltZK 2019-08-20 16:31 評(píng)論0 收藏0
Top 10 JavaScript編輯器，你在用哪個(gè)？

摘要：在這個(gè)編輯器中，和是其中排名靠前的兩個(gè)。是一個(gè)免費(fèi)的輕量級(jí)編輯器和，用于和開(kāi)發(fā)。對(duì)于免費(fèi)的代碼編輯器來(lái)說(shuō)，是一個(gè)很好的選擇?？梢园惭b兩個(gè)命令行實(shí)用程序，用于從啟動(dòng)編輯器，用于管理的軟件包。對(duì)于JavaScript程序員來(lái)說(shuō)，目前有很多很棒的工具可供選擇。本文將會(huì)討論10個(gè)優(yōu)秀的支持javascript，HTML5和CSS開(kāi)發(fā)，并且可以使用Markdown進(jìn)行文檔編寫(xiě)的文本編輯器。為什...

zombieda 2019-08-21 11:45 評(píng)論0 收藏0
深入理解JavaScript，這一篇就夠了

摘要：也就是說(shuō)，所有的函數(shù)和構(gòu)造函數(shù)都是由生成，包括本身。如果只考慮構(gòu)造函數(shù)和及其關(guān)聯(lián)的原型對(duì)象，在不解決懸念的情況下，圖形是這樣的可以看到，每一個(gè)構(gòu)造函數(shù)和它關(guān)聯(lián)的原型對(duì)象構(gòu)成一個(gè)環(huán)，而且每一個(gè)構(gòu)造函數(shù)的屬性無(wú)所指。前言　　JavaScript 是我接觸到的第二門(mén)編程語(yǔ)言，第一門(mén)是 C 語(yǔ)言。然后才是 C++、Java 還有其它一些什么。所以我對(duì) JavaScript 是非常有感情的，畢...

villainhr 2019-08-26 17:04 評(píng)論0 收藏0
Node.js 指南（入門(mén)指南）

摘要：調(diào)試指南本指南將幫助你入門(mén)調(diào)試應(yīng)用程序和腳本。這樣做可能會(huì)給你帶來(lái)潛在的重大安全威脅，我們建議你確保適當(dāng)?shù)姆阑饓驮L(fǎng)問(wèn)控制措施，以防止安全風(fēng)險(xiǎn)。不再維護(hù)或記錄調(diào)試協(xié)議。入門(mén)指南安裝Node之后，讓我們嘗試構(gòu)建我們的第一個(gè)Web服務(wù)器，創(chuàng)建名為app.js的文件，并粘貼以下代碼： const http = require(http); const hostname = 127.0....

ybak 2019-08-23 13:02 評(píng)論0 收藏0