谷歌调试Node

最新推荐文章于 2024-12-10 00:21:49 发布
原创 最新推荐文章于 2024-12-10 00:21:49 发布 · 253 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

1.运行目标脚本: node --inspect xx.js;打开浏览器访问：127.0.0.1:端口号

2.在Chrome浏览器的地址栏输入：chrome://inspect或者about:inspect；回车

3.点击inspect，进入调试界面

4.在sources项目栏中搜索目标js，打断点即可进行调试

 

本文参考：http://www.ruanyifeng.com/blog/2018/03/node-debugger.html

CDP篇: 用 Chrome devtools 的 network 标签页调试 node 请求
MyWay
06-14 1859
👋 想知道如何用 Chrome DevTools 轻松调试 Node.js 网络请求吗？本篇通过拦截请求、创建 WebSocket 服务，并将数据推送到 DevTools，让网调试变得生动优雅🚀✨
使用 Chrome Devtools 调试您的 Node.js 程序
weixin_44829437的博客
12-21 626
俗话说：“工欲善其事，必先利其器”，调试是每一个开发人员都要遇到的问题，选择一个合适的调试工具也尤为重要。 在 Node.js 开发过程中除了万能的 console.log 之外，本节介...
Node.js 在chrome进行调试
jin_zuo的博客
06-16 543
1.首先安装node-inspector npm install -g node-inspector 2.以调试模式启动程序 启动node项目，一般是node XX.js 注：–-debug 和–-debug-brk区别，前者是会直接运行脚本，而后者则会暂停在脚本开头处，等待调试器连接后，由调试器的指令来决定运行。 Node --debug-brk app.js 成功后会显示 3.安装成功后 需要启动 在程序根目录下另开一个node命令行工具，并开启浏览器调试 Node-inspector 从上图可
node代码调试（1）——使用Chrome调试
huzhenv5的博客
12-12 1558
  随着使用node的开发人员越来越多，node的生态也越来越完善，很多人开始使用node来处理一些服务端的操作，比如处理文件数据、操作数据库数据等等。如何在编写node的时候能够像编写java一样那么方便调试就是摆在大家面前的一个问题。相信作为js的开发人员，大家电脑上都是装有谷歌的，那么本文将告诉大家用谷歌浏览器如何调试nodejs代码。 1，第一步，以调试断点的方式运行需要调试的js文件 n...
Chrome调试nodejs
程序员有点田blog
12-10 299
然后chrome的调试工具会出来一个node的logo按钮，点击即可。
Node.js-ndb是针对Node.js的改进调试体验由ChromeDevTools支持
08-10
而`ndb`（Node.js Debugger）是Google Chrome DevTools团队为Node.js推出的一个增强版调试工具，旨在提供更高效、更强大的调试体验。在深入探讨`ndb`之前，我们先来了解一下Node.js的常规调试方式。 在没有`ndb`时...
Node.js-用于Node.js的Chrome调试协议接口
08-10
Chrome 调试协议（Chrome Debugging Protocol, CDP）是 Google Chrome 浏览器提供的一种接口，用于调试运行中的浏览器进程。这个协议不仅限于浏览器，也适用于 Node.js，通过它，开发者可以实现对 Node.js 应用程序...
Node.js-inspect-process使用chrome-devtools用于Node.js简单调试的工具
08-10
Chrome DevTools是Google Chrome浏览器内置的一套开发者工具，它不仅适用于前端Web开发，同样适用于Node.js的后端调试。通过`inspect-process`，我们可以将Node.js进程与Chrome DevTools连接起来，进行断点调试、...
Node.js-node-inspector-基于BlinkDeveloperTools的Node.js调试器
08-10
Node.js 的强大之处在于它提供了一个丰富的生态系统，包含了大量的第三方模块，其中 `node-inspector` 就是其中之一，它是一个用于调试 Node.js 应用程序的工具，基于 Google Chrome 的 Blink Developer Tools（即 ...
Node 调试工具入门教程
前端大全
03-26 423
（点击上方公众号，可快速关注）作者：阮一峰http://www.ruanyifeng.com/blog/2018/03/node-debugger.htmlJavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？2016年，Node 决定将 Chrome 浏览器的”开发者工具”作为官方的调试工具，使得 Node 脚本也可以使用图形界面调试，这大
chrome调试node应用
an287188788的博客
09-10 421
来启动 Node.js，我的工程使用了ts所以入口文件是build之后的server.js。可以再源代码tab中看到我们的源代码，之后就可以按照普通js的调试方法进行打断点等操作啦。的区域，对应了刚才配置的各个ip端口。点击最下面的Target的。执行之后我们的服务就已经起来了，我指定的是。添加完毕我们能看到，页面多了个。将我们的ip和端口号填写到。
node【调试篇】
qq_32019935的博客
11-04 1316
在使用node开发的过程中，我们为了调试bug，会经常的对变量进行打印。在浏览器环境中，可以很清楚的打印出变量的属性和原型。而node输出是在在控制台中，信息就比较省略。有些只有一个类型那么如何能够像浏览器一样打印出详细的信息呢。
利用chrome控制台远程调试node
雷霆未来
03-25 475
第一步：安装SocketLogServer 首先，请在chrome浏览器上安装好插件。谷歌商店搜索“SocketLog”。 安装服务端npm install -g socket-log-server-mr 运行命令socket-log-server即可启动服务。 将会在本地起一个websocket服务 ，监听端口是1229 。 第二步：安装node-chrome-debugger How to use npm install -D node-chrome-debugger De...
node程序调试
周亮
08-27 328
作为一位前端工程师，习惯了基于浏览器的调试模式，本地代码断点。但是node程序是跑在node环境的服务器上8，这时可以基于chrome的inspect来进行调试，其调试模式和之前的浏览器模式调试一致。 步骤： 1.node脚本运行模式中添加inspect其他默认端口为9229，可以通过--inspect=9221修改端口为9221 2.谷歌浏览器新开窗口输入chrome://inspect，在页面可以看到调试页面，点击就可以进入调试阶段 这样就完成了node服务端代码调试，后续学习中会继
NodeJs代码调试（inspector+chrome） 实现谷歌浏览器调试后台nodejs代码
itas109的专栏
05-09 1261
NodeJs代码调试（inspector+chrome） 实现谷歌浏览器调试后台nodejs代码 如需转载请标明出处：http://blog.youkuaiyun.com/itas109 QQ技术交流群：129518033 文章目录NodeJs代码调试（inspector+chrome） 实现谷歌浏览器调试后台nodejs代码1.编写server.js文件2.开启调试 注：nodejs6.3版本以后已经内置的调试模块，不需要再安装node-inspector等等。直接node --inspect-brk demo.
node系列：学会node调试
qq_34998786的博客
11-08 745
前言该文章来自于chh大佬的投稿，为他打call为何需要node调试？熟练使用node调试能让你在日常开发中更快的定位问题所在的代码，提高开发效率如何进行node调试？ node调试方式...
Nodejs如何进行调试
m0_73555722的博客
11-27 1882
Nodejs调试方法
如何在Chrome DevTools 中对Node程序进行调试
火焰
04-12 796
转自：https://www.jianshu.com/p/198a9cf83aae 相信有很多人和我一样，习惯了使用chrome调试js程序，然而node刚开始提供的调试方式只用Debugger，只能通过node --debug xxx.js启动命令行调试工具，及其的不方便。当然也有一些插件在此基础上，使用websocket进行通信，使其可以在chrome浏览器中调试。体验和直接在chrome上...
chrome-DevTools调试nodejs
扑满大师
12-20 4253
基本调试nodejs要执行1.js这个脚本，在命令行中输入 node 1.js 但是以前调试nodejs很麻烦，可能需要用npm装一些包，比如node-inspector 现在有了chrome-DevTools,就简单多了 node --inspect 1.js 然后在chrome浏览器中输入 chrome://inspect 接着点击 Open dedicated DevTool
node 调试
最新发布
05-08
### 常见的 Node.js 调试工具和方法 Node.js 提供了多种调试方式，这些方式可以帮助开发者快速定位问题并优化代码性能。以下是几种常见的调试工具及其使用方法： #### 1. 内置命令行调试器 Node.js 自带了一个命令行调试器，可以通过 `--inspect` 参数启用。此参数会启动 V8 Inspector 协议接口，允许开发者通过命令行或其他前端工具进行交互式调试。 示例代码如下： ```javascript function add(a, b) { return a + b; } console.log(add(2, 3)); ``` 运行该脚本时可以加上 `--inspect` 参数： ```bash node --inspect script.js ``` 这将使调试器监听默认端口 (9229)，并通过浏览器访问 `chrome://inspect` 来查看调试界面[^1]。 #### 2. 使用 Chrome DevTools 进行调试 除了命令行外，还可以利用现代浏览器的强大功能来进行调试。例如，`node-inspect` 支持与 Chrome DevTools 集成。只需在启动应用时添加 `--inspect` 参数即可实现这一目标： ```bash node --inspect app.js ``` 之后打开 Google Chrome 浏览器，在地址栏输入 `chrome://inspect` 并点击 “Inspect” 按钮进入调试页面[^2]。 #### 3. Debugger Client 模式 有一种特殊的模式称为客户端附加模式，这种模式下并不会立即触发整个节点实例和服务之间的通信建立过程；而是等到实际需要的时候才去连接已存在的服务进程。这种方式特别适合于生产环境下的远程诊断工作流[^3]。 #### 4. WebStorm IDE 中集成的调试功能 对于希望获得更加直观体验的人来说，JetBrains 出品的 WebStorm 是一个不错的选择。它不仅提供了针对 JavaScript/TypeScript 的全面支持，还集成了专门面向 Node.js 应用程序设计的功能模块，比如断点设置、变量观察列表等等[^4]。 ```javascript // 示例：在一个复杂项目中定义函数逻辑，并借助IDE特性逐步排查错误原因。 const http = require('http'); let counter = 0; function handler(req, res){ try{ let result = divideByZero(counter); res.end(`Result is ${result}`); } catch(err){ console.error(err.message); res.statusCode=500; res.end("Internal Server Error"); } } function divideByZero(value){ if(value===0){ throw new Error("Cannot Divide By Zero!"); } return value / 0; } const server=http.createServer(handler).listen(3000); server.on('listening', ()=>{ console.log("Server started on port 3000."); }); ``` 以上就是一些主流且实用性强的技术手段介绍，每种都有各自适用场景，请根据具体需求选择合适的方案！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值