使用Chrome DevTools调试Nodejs

shadajin 发布于2019-08-21 17:34 / 362人阅读

摘要：第三步在打开在地址栏输入并回车后就会看到以下页面了点击上面的链接跳转到调试页面你会看到一个调试当前代码的弹窗。更好的体验是，当你的重启后，这个调试窗口会重新连接。从上图，你会看到一堆经常用到的调试工具。

事实上chrome devtools在2016年5月就已经支持Nodejs的调试了，具体可以观看英文原版Google I/O上的视频

第一步：下载和安装最新版本的Nodejs(要求6.3.0及以上) 第二步：增加--inspect来运行node

node --inspect index.js

当然你也可以在代码开始的时候断点:

node --inspect --debug-brk index.js

不过使用命令行的断点功能还是比较艰难的，本人一般不使用。
接着你就可以打开一个长长的以chrome-devtools://开头的URL...不过你现在不需要这样干了，有更好的方法。

第三步：在chrome打开about:inspect

在地址栏输入并回车后就会看到以下页面了：

点击inspect上面的链接跳转到调试页面

你会看到一个调试当前nodejs代码的弹窗。
更好的体验是，当你的nodejs重启后，这个调试窗口会重新连接。

从上图，你会看到一堆经常用到的调试工具。

完整并且好用的断点工具；

通过source map看到源码；

js热更新，修改后即时生效;

控制台支持es6特性，完美支持对象查看（这个功能很感人呀）；

简化js的采样及调优；

支持堆快照检查，堆分配时间线，分配分析（方便内存的调优）

支持原生的异步堆栈；

PS: 非常遗憾的是devtools并不支持查看Nodejs发出的网络请求(即network)，不过还是有办法可以解决的，以后再发文细讲这部分。

以上仅仅是简单的介绍，如果想了解更多，可以阅读nodejs文档：https://nodejs.org/en/docs/in...，其实官网关于inspector还是太粗略了，最好能阅读关于debugger的文档：https://nodejs.org/dist/lates...

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89694.html

你会 Nodejs （多进程）调试嘛

前言我总是调侃好多 nodejs 开发都不会多进程调试，这其中就包括了我。直到有一天，我不得不使用它来解决一些问题，作为一个懒人，我喜欢用简单的办法，所以这可能是最简单的 Nodejs 调试方法，话不多说进入正题单进程调试 console.log() 单进程的调试，如果场景不复杂、比较好预判，可以直接打印到控制台 // 添加参数 --debug-brk 可以在第一行断点 // node --i...

zhaochunqi 2019-08-21 11:51 评论0 收藏0
调试你的node.js程序(一)

摘要：使用开发已经有一段时间了，最开始的调试是使用工具不过已经很长一段时间不能用了。现在要调试程序需要使用新的方式。新的调试的方式有很多种，本文将介绍一种简单直接的方式。使用node.js开发已经有一段时间了，最开始的调试是使用工具node-inspector；不过node-inspector已经很长一段时间不能用了。现在要调试node.js程序需要使用新的方式。新的调试的方式有很多种，...

zgbgx 2019-08-20 18:29 评论0 收藏0
nodejs调试方法

摘要：调试方法提供了一个内建调试器来帮助开发者调试应用程序。这两个参数只会启动监听模式，不会进入命令行调试模式，而且前者会运行完所有代码，通常可用于事件调试，后者会在进入时中断，方便从头开始调试。安装编辑器使用配置调试的配置信息如下图。 Nodejs调试方法 1. Node debug Nodejs提供了一个内建调试器来帮助开发者调试应用程序。使用debug模式时，Node.js 会启动De...

jcc 2019-08-22 11:08 评论0 收藏0
全面掌握Node命令选项

摘要：译者按作为开发者，有必要全面了解一下命令的所有选项，这样在关键时刻才能得心应手。命令有很多选项，可以用于调试代码。这篇博客全面介绍了命令，可以提高大家的工作效率。访问官方文档，可以查看命令的所有选项。译者按: 作为Node.js开发者，有必要全面了解一下Node命令的所有选项，这样在关键时刻才能得心应手。原文: Mastering the Node.js CLI & Comma...

raise_yang 2019-08-16 10:32 评论0 收藏0
全面掌握Node命令选项

摘要：译者按作为开发者，有必要全面了解一下命令的所有选项，这样在关键时刻才能得心应手。命令有很多选项，可以用于调试代码。这篇博客全面介绍了命令，可以提高大家的工作效率。访问官方文档，可以查看命令的所有选项。译者按: 作为Node.js开发者，有必要全面了解一下Node命令的所有选项，这样在关键时刻才能得心应手。原文: Mastering the Node.js CLI & Comma...

guqiu 2019-06-28 15:45 评论0 收藏0