I am working on AngularJS. I want to debug the code in the chrome.
In firefox i am able to debug it with the help of firebug.
Any Idea..? Thanks
If you're using Chrome, we can use a shortcut with the developer tools. Simply find the element you're interested in, right click on it in the browser, and select inspect element. The element itself is stored as the $0 variable, and we can fetch the Angular-ized element by calling: angular. element($0) .
For Debug AngularJS in chrome you can use AngularJS Batarang.
Here is the Link for description and Demo:
Introduction of Angular JS Batarang
Download chrome plugin from here: chrome plugin for debug AngularJS
What about Chrome Developer Tools? In Chrome you don't need any extension..
See https://developers.google.com/chrome-developer-tools/ for reference.
There also exists a special Extension for debugging AngularJS: https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With