sajad torkamani

Note: these instructions are mainly for myself. To avoid wasting your time, I suggest you refer to the official Jetbrains docs.

Make sure plugins are installed

If you’re not using Webstorm, make sure you’ve installed and enabled a few plugins.

Configure Chrome to start with Chrome user data

See instructions

How to debug client-side JavaScript with the Webstorm debugger

Make sure your new custom browser is at the top of the list and you’ve selected First listed for the Default Browser field.

Close Chrome window

The first time you start the debugger, you’ll need to close any opened Chrome window. On macOS, open your Chrome window and press Cmd + q.

Create Debug configuration

How to debug client-side JavaScript with the Webstorm debugger

Start the debugger

Set one or more breakpoints, select Run > Debug... and select your previously created debug config.

Sources