在 VS Code 中启动配置以连接到在另一台计算机上运行的 Chrome 实例?

Launch configuration in VS Code to connect to a Chrome instance which runs on a different computer?

提问人:Binarus 提问时间:3/31/2022 最后编辑:Binarus 更新时间:3/31/2022 访问量:1228

问:

我知道有一百万个问题询问(并得到回答)如何启动 Chrome 或附加到它,然后从 VS Code 中调试网站。

我几乎有相同的问题,但就我而言,应该调试的浏览器在另一台计算机上运行

Microsoft 表示这是可能的,启动配置编辑器中的 IntelliSense 弹出窗口让我相信它。然而,我从未见过这样的例子,过去尝试过几次,我自己也没有成功,尽管我已经在这个主题上投入了相当多的时间。

具体来说,在安装了 Chrome 的 Windows 10 系统中,我执行以下操作:

  • 关闭所有 Chrome 实例,然后使用 Windows 任务管理器验证是否不再有实例处于活动状态

  • 以非管理用户身份,打开命令行窗口并输入以下命令:

    "c:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9229

  • 在 Windows 任务管理器中,在显示正在运行的任务的列表中,添加完整的命令行列,并验证 Chrome 是否使用正确的命令行参数运行

  • 将有问题的网站 () 加载到 Chrome 中。该网站由一个完全成熟的Apache堆栈提供服务,该堆栈在其他地方运行。https://website.local

  • 完全关闭 Windows 防火墙(当然仅用于测试)

在 Linux 系统(在本例中为 Debian buster)中,我执行以下操作:

  • 安装 VS Code(不带 Chrome 调试器扩展,因为它已弃用)

  • 在 VS Code 中,创建如下所示的启动配置

  • 从该启动配置运行(仅)条目

此操作几秒钟后,VS 代码将引发以下错误:

Cannot connect to the target at odo.local:9229: Could not connect to debug target at http://odo.local:9229: Could not find any debuggable target.

请注意,这是运行 Chrome 的 Windows PC 的 FQDN。odo.local

以下是完整的注释和空行是唯一已删除的内容。当然,我也尝试了其他属性和值的每种组合,这些组合都有意义,使用 IntelliSense 弹出窗口作为指南,但没有任何效果。在每种情况下,VS Code 都抛出了上述错误。launch.json

{
    "version": "0.2.0",
    "configurations": [    
        {
            "type": "pwa-chrome",
            "request": "attach",
            "name": "Attach to Chrome on ODO",
            "address": "odo.local",
            "port": 9229,
            "urlFilter": "https://website.local/*"
        }
    ]
}

我需要如何更改该启动配置才能使 VS Code 连接到不同电脑上的 Chrome 并在那里开始调试?

google-chrome visual-studio-code vscode-debugger chrome-remote-debugging

评论

0赞 ClassY 7/6/2023
嗨,找到任何解决方案了吗?

答: 暂无答案