Question

我正在尝试在Visual Studio Code中开发Chrome扩展程序，但我终生无法找出如何正确调试它的方法。我可以在Chrome中安装扩展程序，并使用Inspect弹出窗口在其中进行调试，但是找不到background.js或其他任何JavaScript文件。我已经在Visual Studio Code中安装了Debugger for Chrome，尽管它似乎不适用于Chrome扩展程序。

有人有什么想法吗？

Answer 1

您需要提供参数来加载扩展，然后再运行Chrome，特别是load-extension参数。

将此行添加到您的.vscode/launch.json文件中的带有启动请求的Chrome配置对象中。假设您的manifest.json文件直接位于工作空间文件夹中。如果您的manifest.json文件位于另一个文件夹中，请相应地更改${workspaceFolder}。

{
    "runtimeArgs": ["--load-extension=${workspaceFolder}"]
}

例如，这就是我在工作空间中的launch.json文件上执行的操作。

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome",
            "url": "https://example.com",
            "runtimeArgs": ["--load-extension=${workspaceFolder}"]
        }
    ]
}

在Visual Studio代码中调试Chrome扩展程序

1 个答案: