node.js调试入门

node.js调试入门1-1Inspector介绍使用Inspector调试Node.js的优势可查看当前上下文的变量可观察当前函数调用堆栈不侵入代码可在暂停状态下执行指定代码Inspector的构成以及原理WebSockets服务(监听命令)Inspector协议Http服务(获取元信息)协议:端口/uuid浏览器输入协议:端口元信息1-2激活调试如何激活调试…

1-1 Inspector介绍

使用Inspector调试Node.js的优势

  • 可查看当前上下文的变量
  • 可观察当前函数调用堆栈
  • 不侵入代码
  • 可在暂停状态下执行指定代码

Inspector的构成以及原理

  • WebSockets服务(监听命令)
  • Inspector协议
  • Http服务(获取元信息)

1237064-20190909230216941-2069682821.png
协议:端口/uuid

1237064-20190909230244333-1739848116.png
浏览器输入协议:端口

1237064-20190909230306999-1429872979.png
元信息

1-2 激活调试

如何激活调试

node --inspect xxx

1、创建package.json文件,入口文件为app.js

npm init

2、安装express

npm i express

3、app.js

const express = require('express');
const app = express();

app.get('/', (req, res)=> {
    const a = '123';
    
    return res.send('Hello world!')
});

app.listen(3000, () => console.log('程序运行在3000端口了'))

激活调试后会发生什么

  • node进程通过websockets监听调试信息
ws://127.0.0.1:9229/ef7f4fc1-d711-4ea1-bd63-3c5db5cccaf5

ws: websocket
host:端口/uuid
uuid: 这个进程独有的

  • 启动一个Http 服务,提供元信息

host:端口/json 查看元信息

127.0.0.1:9229/json

如何调试没有激活的node.js程序

LinuxOSX上,可以监听到SIGUSER1发送的调试信息

SIGUSER1: SIG->signore信号

1-3 调试客户端

1.3.1 调试客户端是什么

  • 连接到Node.js Inspector的工具
  • 商业和开源工具都有

1.3.2 调试客户端有哪些?如何使用它们?

chrome

1、Chrome DevTools 55+

  • 访问chrome://inspect, 点击配置按钮,确保host和port对应
    1237064-20190912224520963-75815177.png

1237064-20190912224631095-1383989001.png
点击inspect

1237064-20190912224713603-97164081.png

1237064-20190912224748810-695274047.png

1237064-20190912224842683-98068269.png

2、访问元信息中的devtoolsFrontendUrl
1237064-20190912224828142-1110000093.png

3、点击绿色小按钮

1237064-20190912225019444-395917387.png

2.VS Code

1、启动方式:按F5

2、配置lauch.json
带参数的node
1237064-20190912230627977-938212911.png

1237064-20190912230640008-228729763.png

lauch.json
1237064-20190912230807388-1357214814.png

1237064-20190912230816086-1971649681.png

1237064-20190912231120037-1555643274.png

3、调试动作
4、数据展现
5、Log Point
6、REPL

3.其他(IDE)

1-4 命令行参数

https://nodejs.org/en/docs/guides/debugging-getting-started/

1237064-20190914114623093-2050114609.png

1) –inspect
2) –inspect=[host:port]
3) –inspect-brk
4) –inspect-brk=[host:port]
5) node inspect script.js
6) node inspect –port=xxxx script.js

debugger(调试器)
http://nodejs.cn/api/debugger.html

1237064-20190914114808781-1773910989.png

转载于:https://www.cnblogs.com/qiqi715/p/11494900.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/35102.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注