How to attach the VSCode debugger to the Brave browser?

Question

When I open my web application in the Chrome browser I can attach the VSCode debugger to it.

The debugger configuration is:

{     "name": "Attach to Chrome",     "type": "chrome",     "request": "attach",     "port": 9222,     "url": "http://localhost:4200/*",     "webRoot": "${workspaceFolder}", }, 

But when I open the web application in the Brave browser I cannot attach the VSCode debugger.

The web application is an Angular one opened at http://localhost:4200/users

I'm running:

Chrome Version 70.0.3538.102 (Build officiel) (64 bits) Brave Version 0.56.12 Chromium: 70.0.3538.77 (Build officiel) (64 bits) VSCode Version 1.23.0 

on a Lubuntu 16.04 box.

Is the Brave browser not yet ready for debugging ? Or is there some port restriction I should remove ? I have put the shiled down for this web application. But VSCode still does not attach to it.

Answer 1

For MacOS users

I was able to connect to create a configuration in launch.json so that the Brave browser launches on MacOS. I appended the "userData": true property because I was getting an error. I figured that out by looking at this page. https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

{     "type": "chrome",     "request": "launch",     "name": "Brave",     "runtimeExecutable": "/Applications/Brave Browser.app/Contents/MacOS/Brave Browser",     "userDataDir": true,     "url": "http://localhost:8080",     "webRoot": "${workspaceFolder}" } 

Answer 2

A little late but.... get brave-dev following this

then add to your launch.json a "runtimeExecutable": "/usr/bin/brave" entry and change the path that suits you.

rest of the settings can be default