google-chrome-devtools - 如何配置 Visual Studio Code 调试器以使用 Chrome Canary？

Question

我正在同时处理多个项目，对于其中一个项目，我想使用 Chrome Canary 在 Visual Studio Code 中调试我的应用程序。

所以对于稳定版 Chrome 我有

{
        "name": "Launch Chrome",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:7246/",
        "runtimeArgs": [
            "--new-window",
            "--remote-debugging-port=9222"
        ],
        "webRoot": "${workspaceRoot}/app/"
}

是否有任何简单的方法可以在 launch.json 中配置以在单独的调试端口(例如 9223)上使用 Chrome Canary，这样我就可以将 Chrome Stable 与调试端口 9222 一起用于所有其他事情？

Answer 1

对我来说，Chrome Canary 的工作版本是

{
        "name": "Chrome Canary",
        "type": "chrome",
        "request": "launch",
        "url": "http://localhost:7246/",
        "port": 9223,
        "runtimeExecutable": "${env.USERPROFILE}/AppData/Local/Google/Chrome SxS/Application/chrome.exe",
        "runtimeArgs": [
            "--new-window",
            "--remote-debugging-port=9223"
        ],
        "webRoot": "${workspaceRoot}/app/"
}