将本地文件映射到远程 URL 进行调试

Map a local file to a remote URL for debugging

提问人:Movsar Bekaev 提问时间:12/28/2022 最后编辑:Movsar Bekaev 更新时间:1/6/2023 访问量:259

问:

我编写了一个 CLI 应用程序,它帮助我通过单击 F5(它在 Powershell 扩展中配置launch.json将代码部署到指定的 URL 地址)code.html

该命令将部署我的代码,然后打开一个 Chromium 实例,其中包含开始运行代码的目标页面。

我想在我的本地代码 .html 文件(设置断点等)中调试此代码(它只是嵌入在 HTML 中的 JavaScript)。

为此,我将所描述的任务配置为 prelaunchTask,然后添加了一个配置,该配置在准备就绪时将调试器附加到我正在运行的 Chromium(见下文)。

一切都非常酷,浏览器附加良好,但我根本无法将我的本地代码 .html 映射到在指定 URL 位置自动生成的代码文件,因为我的代码不是在我编写的同一页面中运行,而是嵌入到自动生成的远程页面中,即我只知道它运行的 URL 地址。

有没有办法将文件映射到远程 URL,以便我可以在运行时调试该代码?code.html

launch.json

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "attach",
            "name": "Attach to Chrome",
            "port": 1234,
            "urlFilter": "https://somewebsite.com*",
            "webRoot": "${workspaceFolder}",
            "preLaunchTask": "deployment"
        }
    ],
}

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "deployment",
            "type": "shell",
            "command": "C:\\Something.exe",
            "args": [ someargs ]
        }
    ]
}
javascript visual-studio-code vscode-debugger chrome-remote-debugging

评论

1赞 Ramazan Sancar 1/4/2023
似乎更好的选择是编写一个 Chrome 扩展程序。您可以通过将要访问的扩展页面配置为仅在该站点上工作来运行所需的脚本。例如,此存储库将为您提供帮助。

答: 暂无答案