Ordered list of angular watchers in a page.

ng-watchers-list.js

function humanReadableWatchExpression (fn) {
  if (fn == null) {
    return null;
  }
  if (fn.exp) {
    fn = fn.exp;
  } else if (fn.name) {
    fn = fn.name;
  }
  return fn.toString();
}

function getWatchers(){
    var root = angular.element(document.getElementsByTagName('body'));
    var watchers = [];

    var f = function (element) {
        angular.forEach(['$scope', '$isolateScope'], function (scopeProperty) { 
            if (element.data() && element.data().hasOwnProperty(scopeProperty)) {
                angular.forEach(element.data()[scopeProperty].$$watchers, function (watcher) {
                    watchers.push(watcher);
                });
            }
        });

        angular.forEach(element.children(), function (childElement) {
            f(angular.element(childElement));
        });
    };

    f(root);

    // Remove duplicate watchers
    var watchersWithoutDuplicates = [];
    angular.forEach(watchers, function(item) {
        if(watchersWithoutDuplicates.indexOf(item) < 0) {
             watchersWithoutDuplicates.push(item);
        }
    });

    return watchersWithoutDuplicates;
}
var watchers = getWatchers();
var expressions = watchers.map(humanReadableWatchExpression)
.reduce((col,exp)=>{
col[exp] = (col[exp]||0) + 1;
return col;
},{});

Object.keys(expressions).sort((a,b) => {
    a = expressions[a];
    b = expressions[b];
    if (a === b) return 0;
    if (a < b) return -1;
    else return 1;
})
.forEach((a)=>{
    console.info(expressions[a] + ':' + a);
});

console.info('Total watchers:',watchers.length);