無法通過附加到 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}"
    }

3. 我已經啟動了邊緣瀏覽器並通過此命令在指定端口上啟用了遠程調試。

啟動 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-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 2

Microsoft Edge 擴展 API 不支持官方文檔中所述的承諾。

如果這是一個選項，您可以在您的應用程序中使用回調而不是承諾..

也可以在這里和 那里查看 github 上的問題。

Answer 3

1. 我卸載了 Microsoft Edge 擴展的調試器並重新安裝了它
2. 然后我全局禁用了 Javascript 調試器擴展。
3. 我關閉了所有邊緣瀏覽器實例並運行了以下命令。

啟動 msedge.exe --remote-debugging-port=9222

4. 附加調試器並添加斷點，它開始工作。