Visual Studio Code debugging client side JavaScript

Phil Wright

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.

ChrLipp

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.

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

Visual Studio Code debugging with AngularJS

From Dev

JavaScript code substitution on client side

From Dev

Visual Studio Code - Debugging a spawned process

From Dev

debugging in Visual Studio Code with babel-node

From Dev

Set protractor arguments debugging in visual studio code

From Dev

Debugging Scrapy Project in Visual Studio Code

From Dev

Execute code only while debugging with Visual Studio

From Dev

Debugging MSTest Unittests in Visual Studio Code

From Dev

Javascript Errors when Debugging in Visual Studio 2013

From Dev

Cannot disable Javascript Debugging in Visual Studio 2013?

From Java

Moving Panel in Visual Studio Code to right side

From Java

Is there a shortcut to hide the side bar in Visual Studio Code?

From Dev

Testing client side javascript code with Jasmine

From Dev

Monitoring GWT JavaScript/Client-side code

From Dev

Shortcut key for client side comment in Visual Studio Express 2013

From Java

Run JavaScript in Visual Studio Code

From Dev

Debug ExpressJS server side code using Visual Studio Code

From Dev

Debugging xUnit tests in .NET Core and Visual Studio Code

From Dev

Debugging Electron-Atom script with Visual Studio Code

From Dev

Pressing break while debugging in Visual Studio - annoying "Code Not Running"

From Dev

Debugging in Unity (C#) + Visual Studio Code Work on OS X?

From Dev

Debugging a node app hosted on a VM using Visual Studio Code

From Dev

Debugging node.js in Visual Studio Code preview on OS X

From Dev

Can't step over code in Visual studio while debugging

From Dev

Debugging Electron-Atom script with Visual Studio Code

From Dev

GUI Debugging server app using Visual Studio Code

From Dev

SPFx breakpoints and debugging from Visual Studio Code instead from Chrome

From Dev

Dynamic debugging with visual studio

From Dev

Visual Studio debugging WebApi

Related Related

  1. 1

    Visual Studio Code debugging with AngularJS

  2. 2

    JavaScript code substitution on client side

  3. 3

    Visual Studio Code - Debugging a spawned process

  4. 4

    debugging in Visual Studio Code with babel-node

  5. 5

    Set protractor arguments debugging in visual studio code

  6. 6

    Debugging Scrapy Project in Visual Studio Code

  7. 7

    Execute code only while debugging with Visual Studio

  8. 8

    Debugging MSTest Unittests in Visual Studio Code

  9. 9

    Javascript Errors when Debugging in Visual Studio 2013

  10. 10

    Cannot disable Javascript Debugging in Visual Studio 2013?

  11. 11

    Moving Panel in Visual Studio Code to right side

  12. 12

    Is there a shortcut to hide the side bar in Visual Studio Code?

  13. 13

    Testing client side javascript code with Jasmine

  14. 14

    Monitoring GWT JavaScript/Client-side code

  15. 15

    Shortcut key for client side comment in Visual Studio Express 2013

  16. 16

    Run JavaScript in Visual Studio Code

  17. 17

    Debug ExpressJS server side code using Visual Studio Code

  18. 18

    Debugging xUnit tests in .NET Core and Visual Studio Code

  19. 19

    Debugging Electron-Atom script with Visual Studio Code

  20. 20

    Pressing break while debugging in Visual Studio - annoying "Code Not Running"

  21. 21

    Debugging in Unity (C#) + Visual Studio Code Work on OS X?

  22. 22

    Debugging a node app hosted on a VM using Visual Studio Code

  23. 23

    Debugging node.js in Visual Studio Code preview on OS X

  24. 24

    Can't step over code in Visual studio while debugging

  25. 25

    Debugging Electron-Atom script with Visual Studio Code

  26. 26

    GUI Debugging server app using Visual Studio Code

  27. 27

    SPFx breakpoints and debugging from Visual Studio Code instead from Chrome

  28. 28

    Dynamic debugging with visual studio

  29. 29

    Visual Studio debugging WebApi

HotTag

Archive