How to debug JavaScript in the browser dev tools

How to debug JavaScript in the browser dev tools

  

Let's say I want to debug some JavaScript in the browser by setting a breakpoint and stepping through the code.  I'm using Chrome, in my case.  Where can I find that JavaScript to set the breakpoints if it is included from:

  • Module
  • Screen Action
  • Web block
  • Expression

Or anywhere else that you think is relevant?  I've looked through the various JS files in the Sources tab of the Chrome dev tools, and I've looked at the code in the script tags on the Elements tab of the dev tools.

How do I step through JavaScript code in the browser with an OutSystems application?

Hi Scott,


You should see on the training the front end course, it should help you with that.

Hugo Duarte wrote:

Hi Scott,


You should see on the training the front end course, it should help you with that.


I've been through it and through the JS masterclass.  I don't remember seeing it.  Rather than go through hours of training trying to find the right 30 seconds or minute, would you mind letting me know how it's done?