优雅地在 chrome 中调试你的 node(2017.09最新版)

Author Avatar
Crown 9月 27, 2017
  • 在其它设备中阅读本文章

最近我在研究爬虫这一块, 然后发现调试我的 node 代码时, node自带的一些调试功能完全不够用, 在以前依稀记得有人说过可以再 chrome 中调试我们的 node 程序, 所以直接去网上 google 最新教程, 但发现一个很蛋疼的问题就是网上的教程普遍比较老了, 根本就不能拿来用, 例如网上很多教程都是叫我们在DevTools 设置 -> Experiments 中选中 "Node debugging"来开启相关调试, 但现在我的 chrome 中根本就没有这个选型(见下图), 所以自己重新去查找官方文档来重新写一篇最新的教程.

我当前软件环境:

  • node: v8.3.0
  • chrome: 版本 61.0.3163.100(正式版本) (64 位)

最开始是看这个大兄弟的教程, 里面比较详细的说明相关方法了, 其他的大部分也和这里面的相同, 基本都是

  • 打开 chrome://flags/#enable-devtools-experiments URL
  • 启用 Developer Tools experiments 标志
  • 重启 Chrome
  • 打开 DevTools 设置 -> Experiments 选项(在重启之后它开始可见)
  • 按6次 “SHIFT“ 以显示隐藏的实验功能
  • 选中 “Node debugging
  • 打开/关闭 DevTools

但是根据 node官网上的最新教程(里面比较简洁的说明了当前各个开发环境和编辑器下的调试教程, 如有需求可自行查找), 目前node debugging已经不再是实验性功能了, 可以直接拿来使用了, 推荐的做法有两种(Chrome DevTools 55+以上版本, 需要先提前在 node 代码中执行node --inspect index.js或者node --inspect-brk index.js)

  1. 直接打开chrome://inspect, 单击Configure按钮,确保列出目标主机和端口。然后从列表中选择你的Node.js应用程序。
  2. 直接安装一个 chrome 插件 — NIM (Node Inspector Manager) 就行了, 下载地址, 如果你只是想查看你的程序输出, 这样执行你的 node 程序即可node --inspect index.js, 但如果你还想在代码中打断点之类的调试, 你需要执行node --inspect-brk index.js

随着我自己个人的技术水平的提高,我也会尽最大力量去原创一些有价值有内容的文章出来。在此期间我的文章会同步更新在以下地方,欢迎大家在自己长逛的网站中关注或者star我的Github来了解我的最新消息!!!推荐大家收藏关注我的博客网站crowncj.com,因为我的最新更改与文章只会在这里更新,其他地方的文章可能会存在更新不及时或者忘记更新等问题。

未经允许,不准转载