AskQuestion AskQuestion - 2 months ago 46
AngularJS Question

How to debug Angular JavaScript Code

I am working on a proof of concept using Angular JavaScript.

How to debug the Angular JavaScript code in different browsers (Firefox and Chrome) ?


1. Chrome

For Debug AngularJS in chrome you can use AngularJS Batarang. (From recent reviews on the plugin it seems like AngularJS Batarang is no longer being maintained. Tested in various versions of chrome does not work)

Here is the Link for description and Demo:

Introduction of Angular JS Batarang

Download chrome plugin from here: chrome plugin for debug AngularJS

You can also refer this link: ng-book: Debugging AngularJS

You can also use ng-inspect for debugging angular.

2. Firefox

For Firefox with the help of Firebug you can debug the code.

Also use this Firefox Add-Ons : AngScope: Add-ons for Firefox (Not official extension by AngularJS Team)

3. Debugging AngularJS : Check the Link : Debugging AngularJS