devtools.js

(function(){
var getSelectedEmberView = function() {
  // _V is a global of the selected view for experimentation in the console
  _V = undefined;

  var level;
  function findView(elm, n) {
    if (elm == null) { return undefined; }
    level = n || 0;
    var found = Ember.View.views[elm.id];
    if (found == null) {
      level++;
      found = findView(elm.parentElement, level);
    }
    return found;
  }

  function findViewProperty(view, propertyName) {
    var property = null, parentView = view;
    while (!property && parentView) {
      property = parentView.get(propertyName);
      parentView = parentView.get('parentView');
    }
    return property;
  }

  var view = findView($0),
      data = { __proto__: null };

  if (view) {
    _V = view;
    if (level > 0) { data.distance = level; }
    data.id = view.get('elementId');
    data.type = view.toString().match(/^<(.*):/)[1];
    data.view = view;

    var controller = findViewProperty(view, 'controller');
    if (controller) data.controllerName = controller.constructor.toString();
    data.templateName = findViewProperty(view, 'templateName');
  }
  return data;
};

chrome.devtools.panels.elements.createSidebarPane(
  "Ember View",
  function(sidebar) {
    function updatePanel() {
      sidebar.setExpression("(" + getSelectedEmberView.toString() + ")()");
    }

    updatePanel();
    chrome.devtools.panels.elements.onSelectionChanged.addListener(updatePanel);
  }
);
})();