Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to debug AngularJS in Chrome Browser [closed]

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

like image 492
user3177233 Avatar asked Mar 11 '14 08:03

user3177233


People also ask

How do I debug Angularjs in Chrome?

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) .


2 Answers

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

like image 171
Vaibhav Jain Avatar answered Sep 20 '22 17:09

Vaibhav Jain


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

like image 27
Aco Mitevski Avatar answered Sep 21 '22 17:09

Aco Mitevski