当前位置:首页 > 日记 > 正文

利用Chrome DevTools直接调试Node.js和JavaScript的方法详解 | 并行

利用Chrome DevTools直接调试Node.js和JavaScript的方法详解 | 并行

前提

Node.js 6.3+, 这个可上Node.js官网自行下载;

Chrome 55+. 如果您本地的chrome升级到最新版后还是<55, 可以从此处下载:Chrome Canary,亲测可行。

配置

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

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

2、启用它;

3、重启Chrome;

4、打开 DevTools Setting -> Experiments 页卡;

5、找到 Node debugging , 勾选.

最后应该能看到类似下图,表示环境已准备好:

调试

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

运行Node.js app

需要在debug模式下运行Node.js应用,很简单,只要添加 –inspect 参数即可。

node --inpect server.js

注:server.js 为我自己的应用文件,自定义,下图中为' node.js ‘。如果顺利的话,应该能看到类似下图信息:

运行后,可以看到在 DevTools -> Sources 有 server.js 应用:

展开后,可以查看当前node应用的js文件,至此,您已经可以利用Chrome进行并行调试操作了。

最后

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

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

相关文章

js控制按钮,防止频繁点击响应的实

js控制按钮,防止频繁点击响应的实

控制,响应,频繁,实例,按钮,为了防止频繁点击按钮,可以采用一个策略,点击一次后让按钮灰掉,暂时不可以用,一段时间后再可以用,伪代码如下:var clicktag = 0; $('.a_cc').click(function () { if (clicktag == 0) { clickta…

解决局域网不能互相访问之全攻略

解决局域网不能互相访问之全攻略

局域网,全攻略,电脑软件,一般都是简单的设置和物理上的原因,其中XP之间不能互相访问是最近频繁遇到的问题。这篇文章就是来解决这些问题.分两个部分 一: 设置 现在,已经有许多人在使用Win2000和WinXP来联网,但在具体使用中有许多网友反映在Win…

wps文字如何同时打开两个文档wps文

wps文字如何同时打开两个文档wps文

文档,文字,方法,两个,电脑软件,  我们在办公时有时需要对两份文档进行对比,下面小编介绍下wps文字进行文档比较的方法。希望对你有帮助!wps文字同时打开两个文档的方法打开需要进行比较的文档。wps文字同时打开两个文档的方法图1  选择视…

详解vue嵌套路由-query传递参数

详解vue嵌套路由-query传递参数

嵌套,传递参数,路由,详解,电脑软件,在嵌套路由中我们经常会遇到父路由向子路由里面传递参数,传递参数有两种方法,通过 query 或者 paramsindex.html<div id="app"> <!-- router-view 路由出口, 路由匹配到的组件将渲染在这里 --> <rout…

简单谈谈axios中的get,post方法

简单谈谈axios中的get,post方法

方法,简单,电脑软件,post,axios,学习vue和nodejs的过程当中,涉及到了axios,今天为了测试,写了get和post两个方法来跟node服务端交互,结果因为header和参数弄了好久,在此记录一下,同时分享;由于刚接触axios,在测试方法中,写的都是很简单的东西,不过能…

为JQuery EasyUI 表单组件增加焦点

为JQuery EasyUI 表单组件增加焦点

表单,方法,组件,功能,焦点,1、背景说明 在使用 JQuery EasyUI 各表单组件时,实际客户端页面元素是由 JQuery EasyUI 生成的,元素的焦点切换,虽然 Tab 键可以正常用,但顺序控制属性 tabindex 不起作用,因为页面看到的元素,是生成的,没有tabinde…

ps怎么设计一款漂亮梦幻的中秋海报

ps怎么设计一款漂亮梦幻的中秋海报

中秋,海报,梦幻,漂亮,电脑软件,今天我们就来看看ps设计中秋节海报的教程,中秋节马上到了,学习制作一个中秋海报也不错,请看下文详细介绍。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、新建图层填充颜…

wps数字格式怎样设置

wps数字格式怎样设置

设置,方法,数字,文字,格式,  WPS文字怎么更改数字类型?我们使用WPS文字进行文档编辑时,难免会对文档进行一些编号处理,那么要怎样设置wps呢?下面小编就教你WPS文字设置数值格式的方法吧,希望小编整理的资料对大家有帮助。WPS文字设置数值格…

PS怎么制作透明的彩色线稿图?

PS怎么制作透明的彩色线稿图?

透明,彩色,电脑软件,PS,线稿图,大多数人提到PS时想到的是修图,磨皮。接下来给大家介绍新的玩法:如何使用PS制作透明彩色线稿图。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、打开一张需要制作的jpg…

WPS表格照相机使用方法是什么

WPS表格照相机使用方法是什么

照相机,使用方法,表格,电脑软件,WPS,  也许你有发现,在WPS工具栏中有一个&ldquo;照相机&rdquo;功能,可以用来拍照吗?以下是小编为您带来的关于WPS照相机使用方法,希望对您有所帮助。WPS照相机使用方法一、我们先在表格中建立一个数据区域并…

ps怎么合成人物头像创意海报?

ps怎么合成人物头像创意海报?

创意,头像,海报,人物,电脑软件,ps想要设计一幅人物头像创意海报,该怎么设计呢?下面我们就来看看详细的教程。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、准备素材和新建文件2、把人物的头部抠出来,…

zTree异步加载展开第一级节点的实

zTree异步加载展开第一级节点的实

异步加载,方法,节点,电脑软件,zTree,在 setting 中的 callback 中加上 onAsyncSuccess:onAsyncSuccess 回调函数 , 然后实现回调函数 var isFirst = true;function onAsyncSuccess(event, treeId) { if (isFirst) { //获得树形图…