CODEWITHSUNDEEP
node.jsdebuggingbrowservisual-studio-code
Phil Wright
Phil Wright

Reputation: 22906

Visual Studio Code debugging client side JavaScript

I am using Visual Studio Code for a javascript project. You can set breakpoints and step through and debug very easily the code that runs in nodejs. Is there any way to allow breakpoints and debugging for the client side, browser running code?

Debugging via console.log gets old real quick.

Upvotes: 4

Views: 2991

Answers (4)

Mikhail Vitik
Mikhail Vitik

Reputation: 505

You should use developer tools which all modern browses have (F12). I prefer chrome because with workspaces and you can inline edit your code in browser.

Upvotes: 3

Wray Smallwood
Wray Smallwood

Reputation: 87

Another technique is to use the Visual Studio Code: Debugger for Chrome extension. Save the contents of your launch.json config for node.js and delete it. Then create the Chrome launch.json. Combine the two and you can debug either the server or the client in Code (but not both at the same time).

To debug the client, the server must be running, so from a command prompt use the "node" command that starts the server. In Code launch the Chrome debugger and debug the client side.

Upvotes: 0

John Smith
John Smith

Reputation: 11

By opening you project in chorme Browser and using chrome DevTools. You can debug it whatever you want.

steps:

  • Open your project (with url).

  • Open DevTools (F12)

  • Choose the "Elements" and choose the Element

  • You can see "Event Listeners" on the right panel , Select what you needed

  • And then, You can right click the event you, Select "Show function defination"

  • Enjoy yourself !

If you means Debug Nodejs ,As I known there's A npm package named "debuger"?

Upvotes: 1

ChrLipp
ChrLipp

Reputation: 15668

For debugging in Chrome there is the Visual Studio Code: Debugger for Chrome extension. You can find this extension in the marketplace, search for debugger as told in the debugging manual. Unfortunately there is (currently) no support for other browsers,

Debugging node.js works out of the box, see the debugging manual above or John Papa's blog post.

Debugging both client and server (as Phil commented) is not possible at least in my opinion since you need to have two different launch configurations, sorry.

Upvotes: 9

Related Questions