[DevTools] Remove unnecessary emulation checkboxes and simplify UX.

Source/devtools/front_end/main/AdvancedApp.js

 // Copyright 2014 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
  * @extends {WebInspector.App}
  */
 WebInspector.AdvancedApp = function()
 {
     WebInspector.App.call(this);
     WebInspector.dockController.addEventListener(WebInspector.DockController.Events.BeforeDockSideChanged, this._openToolboxWindow, this);
 
     if (!WebInspector.experimentsSettings.responsiveDesign.isEnabled())
         return;
 
-    this._toggleResponsiveDesignButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design and mobile emulation."), "responsive-design-status-bar-item");
-    this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignEnabled.get();
-    this._toggleResponsiveDesignButton.addEventListener("click", this._toggleResponsiveDesign, this);
-    WebInspector.settings.responsiveDesignEnabled.addChangeListener(this._responsiveDesignEnabledChanged, this);
+    this._toggleEmulationButton = new WebInspector.StatusBarButton(WebInspector.UIString("Responsive design and mobile emulation."), "responsive-design-status-bar-item");
+    this._toggleEmulationButton.toggled = WebInspector.overridesSupport.settings.emulationEnabled.get();
+    this._toggleEmulationButton.addEventListener("click", this._toggleEmulationEnabled, this);
+    WebInspector.overridesSupport.settings.emulationEnabled.addChangeListener(this._emulationEnabledChanged, this);
 };
 
 WebInspector.AdvancedApp.prototype = {
-    _toggleResponsiveDesign: function()
+    _toggleEmulationEnabled: function()
     {
-        WebInspector.settings.responsiveDesignEnabled.set(!this._toggleResponsiveDesignButton.toggled);
+        WebInspector.overridesSupport.settings.emulationEnabled.set(!this._toggleEmulationButton.toggled);
     },
 
-    _responsiveDesignEnabledChanged: function()
+    _emulationEnabledChanged: function()
     {
-        this._toggleResponsiveDesignButton.toggled = WebInspector.settings.responsiveDesignEnabled.get();
+        this._toggleEmulationButton.toggled = WebInspector.overridesSupport.settings.emulationEnabled.get();
     },
 
     createRootView: function()
     {
         var rootView = new WebInspector.RootView();
 
         this._rootSplitView = new WebInspector.SplitView(false, true, WebInspector.dockController.canDock() ? "InspectorView.splitViewState" : "InspectorView.dummySplitViewState", 300, 300);
         this._rootSplitView.show(rootView.element);
 
         WebInspector.inspectorView.show(this._rootSplitView.sidebarElement());
@@ skipping 143 matching lines @@
 }
 
 WebInspector.AdvancedApp.ResponsiveDesignButtonProvider.prototype = {
     /**
      * @return {?WebInspector.StatusBarButton}
      */
     button: function()
     {
         if (!(WebInspector.app instanceof WebInspector.AdvancedApp))
             return null;
-        return /** @type {!WebInspector.AdvancedApp} */ (WebInspector.app)._toggleResponsiveDesignButton || null;
+        return /** @type {!WebInspector.AdvancedApp} */ (WebInspector.app)._toggleEmulationButton || null;
     }
 }
 
 /**
  * @constructor
  */
 WebInspector.Toolbox = function()
 {
     if (!window.opener)
         return;
@@ skipping 10 matching lines @@
     this._inspectedPagePlaceholder.addEventListener(WebInspector.InspectedPagePlaceholder.Events.Update, advancedApp._onSetInspectedPageBounds.bind(advancedApp, true));
     if (WebInspector.experimentsSettings.responsiveDesign.isEnabled()) {
         this._responsiveDesignView = new WebInspector.ResponsiveDesignView(this._inspectedPagePlaceholder);
         this._responsiveDesignView.show(rootView.element);
     } else {
         this._inspectedPagePlaceholder.show(rootView.element);
     }
     rootView.attachToBody();
     advancedApp._toolboxLoaded(this);
 }