Home > Web Front-end > JS Tutorial > body text

Use node to implement built-in debugging

亚连
Release: 2018-06-05 15:40:52
Original
1464 people have browsed it

这篇文章主要介绍了node内置调试的方法,并把代码做了分享,对此有需要的朋友可以参考学习下。

自从node6.3以来,node已经直接支持类似node-inpect的功能,只要对执行的js代码加入一个--inspect参数,即可使用chrome做代码调试。

本文使用如下工具:

  • node v9.5.0

  • chrome 64

首先准备待调试代码。如果这是为了学习的目的,可以使用我测试用代码为:

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(){})
Copy after login

然后运行此代码,加上参数--inspect-brk

node --inspect-brk a.js
Copy after login

系统提示:

Debugger listening on ws://127.0.0.1:9229/84960765-5abc-4236-a7c6-924f99c34ed7
Copy after login

打开浏览器,在地址栏内输入:

chrome://inspect/#devices
Copy after login

可以看到:

Remote Target
#LOCALHOST
Target (v9.5.0)
a.js
file:///Users/lcj/Documents/github/express/a.js
inspect
Copy after login

点击最后一行inspect,即可弹出一个新的窗口,此为调试器。并且调入代码到chrome调试器内,在执行命令的控制台上可以看到:

Debugger attached.
Copy after login

现在,可以使用点击调试器内的Run | Step | Step Into等按钮做调试了。

对于没有直接使用node执行的代码,比如测试用例mocha,怎么办?mocha也是支持这些选项的,比如express使用了mocha做单元测试,可以用如下命名来做调试:

mocha --require test/support/env --reporter spec --bail --check-leaks --no-exit test/app.router.js --inspect-brk -g 'should decode correct params

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

利用vue如何实现裁切图片同时实现放大、缩小、旋转功能(详细教程)

在vue中slot如何实现在子组件中显示父组件传递的模板(详细教程)

在vue2.0中如何实现自定义 饼状图 (Echarts)组件

The above is the detailed content of Use node to implement built-in debugging. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template