Devtools: Switch JS execution context to match inspected node

third_party/WebKit/Source/devtools/front_end/components/ExecutionContextModel.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @implements {WebInspector.TargetManager.Observer}
  * @param {!Element} selectElement
  */
 WebInspector.ExecutionContextModel = function(selectElement)
@@ skipping 134 matching lines @@
         WebInspector.context.setFlavor(WebInspector.ExecutionContext, newContext);
     },
 
     /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetAdded: function(target)
     {
         target.runtimeModel.executionContexts().forEach(this._executionContextCreated, this);
+        var domModel = WebInspector.DOMModel.fromTarget(target);
+        if (domModel)
+            domModel.addEventListener(WebInspector.DOMModel.Events.NodeInspected, this._nodeInspected, this);

[pfeldman, 2016/02/04 00:18:53]

This code should move to the UI level in order to track manual node selection in
the elements panel.

[samli, 2016/02/05 19:43:16]

Done

     },
 
     /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetRemoved: function(target)
     {
         var executionContexts = this._optionByExecutionContext.keysArray();
         for (var i = 0; i < executionContexts.length; ++i) {
             if (executionContexts[i].target() === target)
                 this._executionContextDestroyed(executionContexts[i]);
         }
+        var domModel = WebInspector.DOMModel.fromTarget(target);
+        if (domModel)
+            domModel.removeEventListener(WebInspector.DOMModel.Events.NodeInspected, this._nodeInspected, this);
     },
 
     /**
+     * @param {!WebInspector.Event} event
+     */
+    _nodeInspected: function(event)
+    {
+        /**
+         * @param {?WebInspector.DOMNode} domNode
+         * @this {!WebInspector.ExecutionContextModel}
+         */
+        function updateExecutionContext(domNode)
+        {
+            if (!domNode)
+                return;
+            var executionContexts = this._optionByExecutionContext.keysArray();
+            for (var context of executionContexts) {
+                if (context.frameId == domNode.frameId() || (!domNode.frameId() && context.isMainWorldContext)) {
+                    WebInspector.context.setFlavor(WebInspector.ExecutionContext, context);
+                    return;
+                }
+            }
+        }
+
+        var deferredNode = /** @type {!WebInspector.DeferredDOMNode} */(event.data);
+        deferredNode.resolvePromise().then(updateExecutionContext.bind(this));
+    },
+
+    /**
      * @param {!Element} option
      */
     _select: function(option)
     {
         this._selectElement.selectedIndex = Array.prototype.indexOf.call(/** @type {?} */ (this._selectElement), option);
     },
 
     /**
      * @return {?Element}
      */
     _selectedOption: function()
     {
         if (this._selectElement.selectedIndex >= 0)
             return this._selectElement[this._selectElement.selectedIndex];
         return null;
     }
 }