Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Enable remote debugging on Chrome by default on mac?

I am working on getting the VS Code debugger to attach to Chrome as part of my regular workflow.

I keep Chrome running all the time, and the highly-regarded VS Code Live Server extension opens my project in a new tab, which I like. I would like to be able to attach the VS Code debugger to this instance, but it looks like I have to start Chrome from the command line with

sudo /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222

Several questions:

  1. Is there a way to modify Chrome's configuration file so that it always starts with that flag set?
  2. Is that a stupid thing to do?
  3. Do I really need the sudo in the line above? Some sources do not have it.
  4. Alternatively, is there a way to create a desktop/toolbar shortcut to chrome that will start it will remote debugging enabled?

Thanks!

PS I see the related SO question for Windows.

like image 712
Nat Kuhn Avatar asked May 08 '19 14:05

Nat Kuhn


People also ask

How do I open debugger in Chrome on Mac?

The Sources panel is where you debug JavaScript. Open DevTools by pressing Command+Option+I (Mac) or Control+Shift+I (Windows, Linux).

How do I allow Chrome to allow a remote device?

Go to chrome://inspect#devices . Make sure that the Discover USB devices checkbox is enabled. Connect your Android device directly to your development machine using a USB cable. Your Android device may ask you to confirm that you trust this computer.

How do I get remote debugging port?

In the remote debugger window, click Tools > Options, and set the TCP/IP port number. On the command line, start the remote debugger with the /port switch: msvsmon /port <port number>.


2 Answers

There's a great tutorial on how to do this with Automator here: http://kynatro.com/blog/2018/01/11/chrome-debugging-in-vscode/

like image 127
Dave Cole Avatar answered Sep 28 '22 02:09

Dave Cole


There are various Mac answers that used to work that don't anymore. I found one that does and built a double-clickable icon. I posted it on GitHub.

Apparently it's pretty easy to do using Automator, also.

like image 35
Nat Kuhn Avatar answered Sep 28 '22 02:09

Nat Kuhn