首页 > 解决方案 > 无法通过附加到 Edge 浏览器在 VS Code 中进行调试

问题描述

  1. 我在我的 VSCode 中为 Edge 浏览器安装了 javascript 调试器
  2. 它像这样修改 launch.json 文件。
    "configurations": [
    {
        "name": "Attach to Edge",
        "port": 9222,
        "request": "attach",
        "type": "pwa-msedge",
        "webRoot": "${workspaceFolder}"
    }
  1. 我已经启动了边缘浏览器并通过此命令在指定端口上启用了远程调试。

启动 msedge.exe --remote-debugging-port=9222

我收到以下错误

vscode 错误

标签: javascriptmicrosoft-edgevscode-debugger

解决方案


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

在开始在 VS Code 中调试之前,您是否先在 Edge 中启动了要调试的页面?"request": "attach"意味着将调试附加到现有实例。比如我需要调试这个页面https://localhost:44364/test.html,然后我会在Edge之后导航到这个url start msedge.exe --remote-debugging-port=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)。


推荐阅读