Question

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

所以对于稳定的Chrome我有

    gl.glEnable(GL10.GL_CULL_FACE); // Enable cull face
    gl.glCullFace(GL10.GL_BACK); // Cull the back face (don't display)

在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/"
}

Answer 2

您应该能够使用let fakeContact = CNContact() let displayOrder = CNContactFormatter.nameOrderForContact(fakeContact) print("Display order : \(displayOrder.rawValue)")属性指定要测试的Chrome版本的路径，并结合runtimeExecutable，为该配置指定不同的调试端口。 runtimeArgs中的configurations属性允许您指定一组配置。

我自己没有看过VS Code，所以无法验证这一点，但这里有一些有用的信息：https://github.com/Microsoft/vscode-chrome-debug

<强>更新您可以使用环境变量路径而不是绝对路径。

在命令提示符中，尝试使用以下方法创建环境变量：

launch.json

在配置文件中，可以像这样引用路径：

set CHROME_PATH=C:/Users/[USER]/AppData/Local/Google/Chrome SxS/Application

查看https://code.visualstudio.com/Docs/editor/tasks#_variable-substitution了解详情。

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

2 个答案: