如何在 chrome inspect 选项卡中添加更多目标

How to add more targets in chrome inspect tab

提问人:Gagan 提问时间:11/11/2023 更新时间:11/11/2023 访问量:20

问:

我正在尝试调试后端存储库,我想使用 chrome 的调试器。我在 youtube 上看到了一个视频,我在启动 repo 时了解了 --inspect 标志,即:

node --inspect index.js

我能够在此存储库中附加断点,并且调试器工作正常。

现在问题是从这个后端存储库向另一个后端存储库发出请求,我已经在不同的端口中启动,如下所示

node --inspect=127.0.0.1:9233 index.js

但是我无法在chrome检查选项卡中看到目标

chrome://inspect/#devices

我只能看到端口 9229 上的第一个存储库,如下所示enter image description here

因此,如上图所示,只有仅检查第一个后端存储库的选项,但我也想获取其他两个存储库。 目前,即使在所有三个后端存储库中附加断点后,它也只对第一个存储库起作用(在断点处停止)。

节点.js 后端 镶边调试

评论


答:

1赞 Ararat 11/11/2023 #1

你快到了!

  1. 打开页面chrome://inspect
  2. 按下按钮,在显示的窗口中添加调试器的主机和端口Configure

target discovery window

评论

0赞 Gagan 11/11/2023
我认为这可能有效,但我找到了另一种方法,也可以在下面查看
0赞 Gagan 11/11/2023
发布了我的答案...
0赞 Gagan 11/11/2023 #2

找到了添加新目标进行检查的方法

  1. 打开 chrome://inspect 页面

  2. 点击Open dedicated DevTools for Node enter image description here

  3. 点击connection tab

  4. 单击并添加新的端口号。Add connection

  5. 单击“添加”按钮,然后完成。enter image description here