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

user_4256577 0
Viewed 3811
  1. I have installed javascript debugger for Edge browser in my VSCode
  2. It modifies the launch.json file like this.
    "configurations": [
    {
        "name": "Attach to Edge",
        "port": 9222,
        "request": "attach",
        "type": "pwa-msedge",
        "webRoot": "${workspaceFolder}"
    }
  1. I have started the edge browser and enabled remote debugging on specified port through this command.

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

I am getting the following error

vscode error

microsoft-edge vscode-debugger javascript
3 Answers

Which version of JavaScript Debugger and Edge browser are you using? I test with JavaScript Debugger v1.57.0 and Edge browser Version 91.0.864.59, it works well.

Have you launched the page you want to debug in Edge first before you start to debug in VS Code? "request": "attach" means attaching the debug to an existing instance. For example, I need to debug this page https://localhost:44364/test.html, then I'll navigate to this url in Edge after start msedge.exe --remote-debugging-port=9222. The result is like this:

enter image description here

Update:

If you're using Debugger for Microsoft Edge, you can use the launch.json like below, then do what I said in the previous answer:

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

Note: Please install the latest version of Visual Studio. Debugging Microsoft Edge (Chromium) is supported for VS versions >= 15.9.19.

user_114903470

Microsoft Edge extension APIs don't support promises as stated in the official docs.

If it's an option, you could use callbacks in your app instead of promises..

Also see issue on github here and there.

user_97935320
  1. I uninstalled Debugger for microsoft Edge extension and reinstalled it
  2. Then I disabled Javascript debugger extension globally.
  3. I closed all instances of edge browser and ran the following command.

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

  1. Attached debugger and added breakpoint and it started working.
user_42565770
Related