How can I access Angular functions client side in the browser console?

Question

For debugging purposes I would like to access my Angular module functions client-side in the console.

Is there a way to access the Angular $scope inside the console of a browser?

You can install Chrome extension `ng-inspector` for AngularJS. — Shaohao, Dec 16 '15 at 20:56
Here's a good read on the subject: http://blog.ionic.io/angularjs-console/ — jbrown, Dec 16 '15 at 21:04

score 2 · Accepted Answer · answered Dec 16 '15 at 21:51

If you put a breakpoint, you can examinate the scope value in this execution moment

Also you can install the Batarang extension for Chrome, and you will get direct access to your $scope s in the console browser

https://chrome.google.com/webstore/detail/angularjs-batarang-stable/niopocochgahfkiccpjmmpchncjoapek

score 0 · Answer 2 · answered Dec 16 '15 at 22:57

Open developer tools window (F12) in chrome --> go to sources tab --> find the js file where your specific function is in --> click on the line number in front to set the breakpoint --> press refresh(F5) in browser, and your browser will stop at the breakpoint.

Then type in the console en you can check the variables/objects witch are in scope of the specific javascript function

How can I access Angular functions client side in the browser console?

2 Answers2