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

Question

1. 我已经在我的 VSCode 中为 Edge 浏览器安装了 javascript 调试器
2. 它像这样修改 launch.json 文件。

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

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

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

我收到以下错误

Answer 1

您使用的是哪个版本的 JavaScript 调试器和 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- 之后在 Edge 中导航到这个 url调试端口=9222。结果是这样的:

---

更新:

如果您使用 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)。