如何通过附加到 Edge 浏览器在 VS Code 中进行调试？

Question

我已经在我的 VSCode
它像这样修改 launch.json 文件。

    "configurations": [
    {
        "name": "Attach to Edge",
        "port": 9222,
        "request": "attach",
        "type": "pwa-msedge",
        "webRoot": "${workspaceFolder}"
    }

我已经启动了edge浏览器并通过此命令在指定端口上启用了远程调试。

start msedge.exe --remote-debugging-port=9222

我收到以下错误

Answer 1

Microsoft Edge 扩展 API 不支持 official docs 中所述的承诺。

如果可以的话，您可以在您的应用中使用回调而不是 promises..

另请参见 github here and there 上的问题。

Answer 2

您使用的 JavaScript Debugger 和 Edge 浏览器是哪个版本？我使用 JavaScript Debugger v1.57.0 和 Edge 浏览器版本 91.0.864.59 进行测试，效果很好。

在开始在 VS Code 中调试之前，您是否先在 Edge 中启动了要调试的页面？ "request": "attach" 表示将调试附加到现有实例。例如，我需要调试这个页面 https://localhost:44364/test.html，然后我会在 start msedge.exe --remote-debugging-port=9222 之后在 Edge 中导航到这个 url。结果是这样的：

更新：

如果你使用的是Debugger for Microsoft Edge，你可以像下面那样使用launch.json，然后按照我在之前的回答中说的做：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "edge",
      "request": "attach",
      "name": "Attach to Edge",
      "port": 9222,
      "webRoot": "${workspaceFolder}"
    }
  ]
}

注意：请安装最新版本Visual Studio。 VS 版本 >= 15.9.19 支持调试 Microsoft Edge (Chromium)。

Answer 3

我卸载了 Microsoft Edge 扩展调试器并重新安装了它
然后我全局禁用了 Javascript 调试器扩展。
我关闭了边缘浏览器的所有实例并运行以下命令。

start msedge.exe --remote-debugging-port=9222

附加调试器并添加断点，它开始工作。

如何通过附加到 Edge 浏览器在 VS Code 中进行调试？

How to debug in VS Code by attaching to Edge browser?

javascript

microsoft-edge

vscode-debugger