Debugging application

Jasper application - is an AngularJS application. You can use any tool for debugging AngularJS application.

It's recommended to use Chrome Developer tools for debugging. Also install Batarang Chrome extention.

When you done, open developer tools (F12 in Chrome). Now focus on DOM node, which you want to inspect, select $scope tab to see node properties:

To inspect jasper component's controller properties select first node after component root (custom element) and navigate to 'vm' property:

In other browsers (like IE) you can also debug in a dev tools in a similar way. To retrieve component's properties you can use AngularJS api to get $scope instance:

Select DOM node and type in console:

angular.element($0).scope().vm

Also you can navigate to component's controller to debug them: