How to attach the VSCode debugger to the Brave browser?

by

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}"
}

Related Contents:

  1. Unbound breakpoint – VS Code | Chrome | Angular
  2. Getting Chrome to accept self-signed localhost certificate
  3. Using Chrome’s Element Inspector in Print Preview Mode?
  4. Is there a way to get the XPath in Google Chrome?
  5. Chrome says “Resource interpreted as script but transferred with MIME type text/plain.”, what gives?
  6. WebDriverException: unknown error: DevToolsActivePort file doesn’t exist while trying to initiate Chrome Browser
  7. Background color not showing in print preview
  8. ResizeObserver – loop limit exceeded
  9. Is it possible to hide extension resources in the Chrome web inspector network tab?
  10. What is the difference between “transferred” and “resources” in Chrome DevTools Network tab?
  11. How to disable Google Chrome auto update? [closed]
  12. How to change the locale in chrome browser
  13. Chrome inspector does not show network requests path and etc
  14. Chrome not rendering SVG referenced via element
  15. How do you save an entire folder from Google Chrome’s Developer Tools’ Sources tab?
  16. inject.preload.js failing to load a file in chrome from my dev environment
  17. When you use ‘badidea’ or ‘thisisunsafe’ to bypass a Chrome certificate/HSTS error, does it only apply for the current site? [closed]
  18. E: Repository ‘http://dl.google.com/linux/chrome/deb stable Release’ changed its ‘Origin’ value from ‘Google, Inc.’ to ‘Google LLC’ [closed]
  19. How to enable view of rulers in Chrome DevTools?
  20. How do I view the storage of a Chrome Extension I’ve installed?
  21. When running WebDriver with Chrome browser, getting message, “Only local connections are allowed” even though browser launches properly
  22. How often do Chrome extensions automatically update? [closed]
  23. How do you inspect the web inspector in Chrome?
  24. HTML5 video will not loop
  25. Does Chrome have a “Work Offline” option?
  26. Debug tampermonkey script
  27. Searching for HTML elements in Chrome DevTools
  28. Chrome Console SameSite Cookie Attribute Warning
  29. What is the experience with Google ‘Omaha’ (their auto-update engine for Chrome)?
  30. What does “http://*/*”, “https://*/*” and “” mean in the context of Chrome extension’s permissions
  31. Chrome – Disabling Web Sockets or Closing a Web Socket Connection?
  32. Get all keys from Chrome Storage
  33. How to reactivate Google Chrome’s pretty print?
  34. Google Chrome’s Javascript console keyboard shortcuts
  35. How can i temporarily disable websocket in Google Chrome?
  36. How to unzoom Chrome-* console
  37. Google Chrome shows gray circle cursor
  38. Chrome – ERR_CACHE_MISS
  39. What to do with chrome sending extra requests?
  40. Sending multipart/mixed content with Postman Chrome extension
  41. Install Chrome Headless using NPM
  42. Is there a Google Chrome extension to inject custom HTTP headers in each request? [closed]
  43. Chrome version 18+: How to allow inline scripting with a Content Security Policy?
  44. Measure full page size in Chrome DevTools
  45. Chrome Password Manager: How to add password manually?
  46. Chrome Web Inspector Web Socket Debugging
  47. check chrome version from console
  48. How to set window size for Chrome in Selenium?
  49. How do I disable the Chrome DevTools device emulator?
  50. Hide warning messages in console window

Leave a Comment