资讯专栏INFORMATION COLUMN

直接在Chrome DevTools调试Node.js

zone / 1510人阅读

摘要:英文好的,直接看原文要求操作步骤打开连接开启开发者工具实验性功能重启浏览器打开按次后,隐藏的功能会出现,勾选运行程序必须要有将这个地址粘贴到谷歌浏览器程序后端输出的日志也回输出到谷歌浏览器的里面,同时也可以在里进行断点调试了。

英文好的,直接看原文

https://blog.hospodarets.com/...
1 要求

Node.js 6.3+

Chrome 55+

2 操作步骤

1 打开连接 chrome://flags/#enable-devtools-experiments

2 开启开发者工具实验性功能

3 重启浏览器

4 打开 DevTools Setting -> Experiments tab

5 按6次shift后,隐藏的功能会出现,勾选"Node debugging"

3 运行程序

必须要有 --inspect

> node --inspect www
Debugger listening on port 9229.
Warning: This is an experimental feature and could change at any time.
To start debugging, open the following URL in Chrome:
    chrome-devtools://devtools/remote/serve_file/@60cd6e859b9f557d2312f5bf532f6aec5f284980/inspector.html?experiments=true&v8only=true&ws=localhost:9229/78a884f4-8c2e-459e-93f7-e1cbe87cf5cf

将这个地址粘贴到谷歌浏览器:chrome-devtools://devtools/remote/serve_file/@60cd6e859b9f557d2312f5bf532f6aec5f284980/inspector.html?experiments=true&v8only=true&ws=localhost:9229/78a884f4-8c2e-459e-93f7-e1cbe87cf5cf

程序后端输出的日志也回输出到谷歌浏览器的console里面,同时也可以在Sources里进行断点调试了。

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

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

相关文章

  • Node.js 指南(入门指南)

    摘要:调试指南本指南将帮助你入门调试应用程序和脚本。这样做可能会给你带来潜在的重大安全威胁,我们建议你确保适当的防火墙和访问控制措施,以防止安全风险。不再维护或记录调试协议。 入门指南 安装Node之后,让我们尝试构建我们的第一个Web服务器,创建名为app.js的文件,并粘贴以下代码: const http = require(http); const hostname = 127.0....

    ybak 评论0 收藏0
  • 调试你的node.js程序(一)

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

    zgbgx 评论0 收藏0
  • Visual Studio Code 前端调试不完全指南

    摘要:接下来的内容将从以下几方面进行展开调试前端代码调试通过启动的服务器要使用的调试功能,首先就得配置文件。调试前端代码通过调试前端代码主要依赖于一个插件,该插件主要利用所开放出来的接口来实现对其渲染的页面进行调试。 本文最初发布于我的个人博客:咀嚼之味 Visual Studio Code (以下简称 vscode) 如今已经代替 Sublime,成为前端工程师们最喜爱的代码编辑器。它作为...

    dongfangyiyu 评论0 收藏0
  • 全面掌握Node命令选项

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

    raise_yang 评论0 收藏0
  • 全面掌握Node命令选项

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

    guqiu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<