I put together a little chrome extension that will let you right click anywhere on the page and log the current scope to the console. I’ve been using it for about a month and its been incredibly useful to my workflow.

Angular ScopeLogger Screenshot

How to Get It

There’s two ways to get the extension


Angular is incredibly modular which makes it a lot of fun to work with, but difficult to debug. The Angular team released ng-inspector which is great for getting a birds eye view of your application. However, sometimes you want to zero-in on a specific scope.


  • Right now you have to manually open the console. I’d like to have the console automatically open, kind of like “inspect element”
  • The permissions are a bit broad. This is because as far as I can tell, there’s no way to get the clicked element unless an event listener already exists on the page. This means inject a listener on every single page the user browses. Not pretty.


blog comments powered by Disqus