利用Chrome DevTools直接调试node . js和JavaScript的方法详解(并行)

  

<强>前提

  

节点。js 6.3 +,这个可上节点。js官网自行下载;
  

  

铬55 +。如果您本地的chrome升级到最新版后还是& lt; 55岁,可以从此处下载:chrome金丝雀,亲测可行。
  

  

<>强配置

  

就目前来说,在浏览器端并行调试JavaScript与node . js还属于新特性,新体验。为了能够正常使用,你还需要做如下配置:

  

1,输入url: chrome://标志/# enable-devtools-experiments。如果使用中文版Chrome,显示的配置项名称应该为:开发者工具实验性功能,如下图;
  

  

利用Chrome DevTools直接调试node . js和JavaScript的方法详解(并行)”> <br/>
  </p>
  <p> 2,启用它;<br/>
  </p>
  <p> 3,重启铬;<br/>
  </p>
  <p> 4,打开DevTools设置→实验页卡;<br/>
  </p>
  <p> 5,找到节点调试、勾选。<br/>
  </p>
  <p>最后应该能看到类似下图,表示环境已准备好:<br/>
  </p>
  <p> <img src=

  

<强>调试

  

调试很简单,像普通的js文件一样,利用DevTools进行断点调试。

  

<>强运行节点。js应用

  

需要在调试模式下运行节点。js应用,很简单,只要添加<代码>检查>         节点——inpect server.js      

服务器。js为我自己的应用文件,自定义,下图中为“节点。js”。如果顺利的话,应该能看到类似下图信息:
  

  

利用Chrome DevTools直接调试node . js和JavaScript的方法详解(并行)

  

运行后,可以看到在DevTools→来源有服务器。js应用:
  

  

利用Chrome DevTools直接调试node . js和JavaScript的方法详解(并行)”> <br/>
  </p>
  <p>展开后,可以查看当前节点应用的js文件,至此,您已经可以利用Chrome进行并行调试操作了。<br/>
  </p>
  <p> <img src=

  

<强>最后

  

使用此新版Chrome,还有许多其他的功能,比如在调试期间修改文件内容,保存文件快照等。

  

还要感谢原作者Serg Hospodarets的分享,好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可留言交流。

利用Chrome DevTools直接调试node . js和JavaScript的方法详解(并行)