附加到远程Node JS时,Chrome Devtools缺少源

ros*_*lld 6 google-chrome node.js google-chrome-devtools

我在Windows上运行Chrome 67,并连接到运行NodeJS 8的Ubuntu PC。我在SSH隧道上安装了Ubuntu PC,因此可以将Chrome调试器连接到Node。

Chrome://inspect/#devices 正确发现远程目标

这使我可以单击inspect链接以打开调试器。

调试器连接,控制台从正在运行的Node JS应用程序中打印调试数据,以确认一切正常。

在控制台消息中,我可以单击链接并使它们打开源文件

如果单击该Sources选项卡,则希望看到显示文件层次结构的Sources侧面板(ref),但似乎完全没有。

chrome开发工具的屏幕截图

在此处输入图片说明

如果单击,Add folder to workspace它将打开一个本地文件浏览器。

较新版本的Chrome是否已删除此功能?如果是这样,是否有一种新的方式来查看远程文件列表?

ros*_*lld 11

不要Inspect在远程目标下点击

点击 Open dedicated DevTools for Node

在此处输入图片说明

这将启动为 Node 配置的特定版本的 DevTools,它具有 Node 文件系统

  • 仍然没有显示源文件。需要在源面板中打开源文件夹 (7认同)