美文网首页JavaScript饥人谷技术博客Web前端之路
如何使用chrome进行nodejs调试(干货)

如何使用chrome进行nodejs调试(干货)

作者: 枸杞辣条 | 来源:发表于2017-03-19 23:24 被阅读106次

本文归饥人谷和本人所有,如需转载请注明来源

首先:你的Nodejs版本必须是6.4版本以上,其次你的chrome版本必须是56或者以上的版本。

我们先给chrome做一些配置

  1. 打开你的chrome

55+版本:
复制:chrome://flags/#enable-devtools-experiments

Paste_Image.png

启动完毕记得重启chrome。

  1. 56版本的同学:

按F12打开控制台

Paste_Image.png
Paste_Image.png Paste_Image.png

点开Node debugging
(由于我的是最新版本(57)所以我没这有这一步。)


简单的配置一下package.JSON

我以当前文件夹下面的一个index.js为例子:


Paste_Image.png

package.JSON 这里主要的scirpt 要添加--inspect(这是为什么你的node要6.4+)


Paste_Image.png

我往index.js写点东西:


Paste_Image.png

这里监听的端口号要记住。

在终端进入当前文件夹:输入命令:npm run start (或者直接npm start)


Paste_Image.png

接着你会看到以下命令:

Paste_Image.png

在chrome中输入:你会发现是这样子的(不要关掉它)

Paste_Image.png

或者是:

Paste_Image.png

别急:打开你的监听端口http://localhost:7000/ 刷新它你就能在另外一个页面看到这样:

Paste_Image.png

相关文章

  • 如何使用chrome进行nodejs调试(干货)

    本文归饥人谷和本人所有,如需转载请注明来源 首先:你的Nodejs版本必须是6.4版本以上,其次你的chrome版...

  • Nodejs之debug

    chrome浏览器调试 使用 --inspect开关进行调试。一个Nodejs进程开始侦听调试客户端,默认情况下侦...

  • node.js 调试

    这两天折腾出了一些nodejs的调试方法,做个记录 断点调试 nodejs官方指定的调试工具是chrome,在使用...

  • 在 vscode 中 debugger 调试

    如何使用 Debugger for Chrome 这个插件在 vscode 中进行 debugger 调试。项目地...

  • 使用Chrome DevTools调试nodejs

    nodejs官网提供了多中调试方式,看 这里 https://nodejs.org/en/docs/inspect...

  • Android手机使用Chrome远程调试功能

    网页在手机浏览器打开时,如何进行调试呢?我们可以使用Chrome浏览器的远程调试功能,可以在Window/Linu...

  • 2020-03-25 使用VSCode调试JS

    学语言,调试环境免不了,之前使用Chrome进行断点调试,今天发现了廖大神的文章,使用VSCode调试JS,感觉非...

  • 如何使用chrome浏览器调试?

    做前端开始的,基本有很多人都在使用chrome浏览器的调试功能,我基本上是全部使用chrome浏览器进行调试的。I...

  • Chrome 浏览器快捷键

    身为一名前端程序员,大多数时间使用的是 Chrome 进行开发调试。目前我呢,使用的是 Mac + Chrome ...

  • 远程调试 WebView

    是不是感觉到使用Webview显示内容的时候不知道如何调试?现在谷歌Chrome提供了调试方法。 使用 Chrom...

网友评论

    本文标题:如何使用chrome进行nodejs调试(干货)

    本文链接:https://www.haomeiwen.com/subject/uijvnttx.html