DevTools: Warn when non-top context is selected.

third_party/WebKit/Source/devtools/front_end/console/ConsoleContextSelector.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.ConsoleContextSelector = function(selectElement)
@@ skipping 69 matching lines @@
         }
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onExecutionContextCreated: function(event)
     {
         var executionContext = /** @type {!WebInspector.ExecutionContext} */ (event.data);
         this._executionContextCreated(executionContext);
+        this._updateSelectionWarning();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onExecutionContextChanged: function(event)
     {
         var executionContext = /** @type {!WebInspector.ExecutionContext} */ (event.data);
         var option = this._optionByExecutionContext.get(executionContext);
         if (option)
             option.text = this._titleFor(executionContext);
+        this._updateSelectionWarning();
     },
 
     /**
      * @param {!WebInspector.ExecutionContext} executionContext
      */
     _executionContextDestroyed: function(executionContext)
     {
         var option = this._optionByExecutionContext.remove(executionContext);
         option.remove();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _onExecutionContextDestroyed: function(event)
     {
         var executionContext = /** @type {!WebInspector.ExecutionContext} */ (event.data);
         this._executionContextDestroyed(executionContext);
+        this._updateSelectionWarning();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     _executionContextChangedExternally: function(event)
     {
         var executionContext =  /** @type {?WebInspector.ExecutionContext} */ (event.data);
         if (!executionContext)
             return;
 
         var options = this._selectElement.options;
         for (var i = 0; i < options.length; ++i) {
             if (options[i].__executionContext === executionContext)
                 this._select(options[i]);
         }
     },
 
     _executionContextChanged: function()
     {
         var option = this._selectedOption();
         var newContext = option ? option.__executionContext : null;
         WebInspector.context.setFlavor(WebInspector.ExecutionContext, newContext);
+        this._updateSelectionWarning();
+    },
+
+    _updateSelectionWarning: function()
+    {
+        var executionContext = WebInspector.context.flavor(WebInspector.ExecutionContext);
+        this._selectElement.parentElement.classList.toggle("warning", !this._isTopContext(executionContext) && this._hasTopContext())
     },
 
     /**
+     * @param {?WebInspector.ExecutionContext} executionContext
+     * @return {boolean}
+     */
+    _isTopContext: function(executionContext)
+    {
+        if (!executionContext || !executionContext.isDefault)
+            return false;
+        var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(executionContext.target());
+        var frame = executionContext.frameId && resourceTreeModel && resourceTreeModel.frameForId(executionContext.frameId);
+        if (!frame)
+            return false;
+        return frame.isMainFrame();
+    },
+
+    /**
+     * @return {boolean}
+     */
+    _hasTopContext: function()
+    {
+        var options = this._selectElement.options;
+        for (var i = 0; i < options.length; i++){
+            if (this._isTopContext(options[i].__executionContext))
+                return true;
+        }
+        return false;
+    },
+
+    /**
      * @override
      * @param {!WebInspector.Target} target
      */
     targetAdded: function(target)
     {
         target.runtimeModel.executionContexts().forEach(this._executionContextCreated, this);
     },
 
     /**
      * @override
@@ skipping 19 matching lines @@
     /**
      * @return {?Element}
      */
     _selectedOption: function()
     {
         if (this._selectElement.selectedIndex >= 0)
             return this._selectElement[this._selectElement.selectedIndex];
         return null;
     }
 }