topic Re: Web App Builder Debugging in Developers Questions

Web App Builder Debugging

MichaelFedak — Wed, 01 Apr 2015 19:55:12 GMT

Hello,

I was wondering if anyone could provide some guidance on how to debug custom made widgets in web app builder. I am trying to use the developer console in chrome and breakpoints do not seem to have any effect (I am guessing what is actually run on the browser is a minified version of the widget) as well as console logging/info does not seem to do anything.

I know the command line has some debugging info but that seems to only be for the server.

I would appreciate any help.

Re: Web App Builder Debugging

TimWitt2 — Wed, 01 Apr 2015 20:09:36 GMT

Michael,

breakpoints work pretty well for me. It seems that where you place the breakpoints the code has not run yet.

I always like to start out with a console.log("Test") just to make sure I place the code right.

Maybe just put this in your widget.js

onOpen: function() {

console.log("Test")

};

and go from there?

Re: Web App Builder Debugging

SamDrummond2 — Wed, 01 Apr 2015 20:11:18 GMT

Hey Michael,

I'm agree with you - I think it is because you are using a minified version of the widget. I've used both Chrome and Firefox to debug custom widgets (and Web AppBuilder souce code). Are you able to debug any of the OOTB widgets from the developers edition?

Sam

Re: Web App Builder Debugging

Drew — Mon, 25 May 2015 17:46:58 GMT

The keyword "debugger" in your code will cause your code to break at that location.

Its handy.

Drew