[DevTools] Persist device mode state.

third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeView.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
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
  */
 WebInspector.DeviceModeView = function(inspectedPagePlaceholder)
@@ skipping 186 matching lines @@
         var rect = this._contentArea.getBoundingClientRect();
         this._model.availableSizeChanged(new Size(Math.max(rect.width * zoomFactor, 1), Math.max(rect.height * zoomFactor, 1)));
     },
 
     /**
      * @override
      */
     wasShown: function()
     {
         this._mediaInspector.setEnabled(true);
+        this._toolbar.restore();
     },
 
     /**
      * @override
      */
     willHide: function()
     {
         this._mediaInspector.setEnabled(false);
     },
 
@@ skipping 65 matching lines @@
     this._optionsToolbar.appendToolbarItem(this._appliedHeightItem);
 
     this._deviceScaleFactorItem = new WebInspector.ToolbarText("", "fullscreen-toolbar-item");
     this._deviceScaleFactorItem.element.title = WebInspector.UIString("Device pixel ratio");
     this._deviceScaleFactorItem.showGlyph();
     this._optionsToolbar.appendToolbarItem(this._deviceScaleFactorItem);
 
     this._optionsToolbar.appendSeparator();
 
     this._optionsToolbar.appendToolbarItem(new WebInspector.ToolbarMenuButton(WebInspector.UIString("More options"), "menu-toolbar-item", this._appendMenuItems.bind(this)));
+
+    this._persistenceSetting = WebInspector.settings.createSetting("emulation.deviceModeViewPersistence", {type: WebInspector.DeviceModeModel.Type.Desktop, device: "", orientation: "", mode: ""});
+    this._restored = false;
 }
 
 WebInspector.DeviceModeView.Toolbar.prototype = {
     /**
      * @param {!WebInspector.ContextMenu} contextMenu
      */
     _appendMenuItems: function(contextMenu)
     {
         var fitSetting = this._model.fitSetting();
         appendFitItem(WebInspector.UIString("Fit"), 0);
@@ skipping 247 matching lines @@
     /**
      * @return {!Element}
      */
     screenOptionsElement: function()
     {
         return this._modeToolbar.element;
     },
 
     update: function()
     {
+        var updatePersistence = false;
+
         if (this._model.type() !== this._cachedModelType) {
             var isDesktop = this._model.type() === WebInspector.DeviceModeModel.Type.Desktop;
             this._desktopItem.setToggled(isDesktop);
             this._mobileItem.setToggled(!isDesktop);
             this._deviceSelectItem.setVisible(!isDesktop);
             this._cachedModelType = this._model.type();
+            updatePersistence = true;
         }
 
         var resizable = this._model.isResizable();
         if (resizable !== this._cachedResizable) {
             this._widthItem.setVisible(resizable);
             this._cachedResizable = resizable;
         }
 
         var showWidth = this._model.type() === WebInspector.DeviceModeModel.Type.Device || (this._model.type() === WebInspector.DeviceModeModel.Type.Desktop && !resizable);
         if (showWidth !== this._cachedShowWidth) {
@@ skipping 39 matching lines @@
         }
 
         if (this._model.device() !== this._cachedModelDevice) {
             var device = this._model.device();
 
             var modeCount = device ? device.modes.length : 0;
             this._modeToolbar.element.classList.toggle("hidden", modeCount < 2);
             this._updateDeviceSelectedIndex();
 
             this._cachedModelDevice = device;
+            updatePersistence = true;
         }
 
         if (this._model.device() && this._model.mode())
             this._lastMode.set(/** @type {!WebInspector.EmulatedDevice} */ (this._model.device()), /** @type {!WebInspector.EmulatedDevice.Mode} */ (this._model.mode()));
 
         if (this._model.type() !== WebInspector.DeviceModeModel.Type.Desktop)
             this._lastDevice = this._model.device();
+
+        if (this._model.mode() !== this._cachedModelMode) {
+            this._cachedModelMode = this._model.mode();
+            updatePersistence = true;
+        }
+
+        if (updatePersistence) {
+            this._persistenceSetting.set({
+                type: this._cachedModelType,
+                device: this._cachedModelDevice ? this._cachedModelDevice.title : "",
+                orientation: this._cachedModelMode ? this._cachedModelMode.orientation : "",
+                mode: this._cachedModelMode ? this._cachedModelMode.title : ""
+            });
+        }
+    },
+
+    restore: function()
+    {
+        if (this._restored)
+            return;
+
+        this._restored = true;
+        var type = this._persistenceSetting.get().type;
+        if (type === WebInspector.DeviceModeModel.Type.Mobile) {
+            this._model.emulate(WebInspector.DeviceModeModel.Type.Mobile, null, null);
+        } else if (type === WebInspector.DeviceModeModel.Type.Device) {
+            var device = null;
+            for (var i = 0; i < this._deviceSelect.options.length; ++i) {
+                if (this._deviceSelect.options[i].device && this._deviceSelect.options[i].device.title === this._persistenceSetting.get().device)
+                    device = this._deviceSelect.options[i].device;
+            }
+            if (device) {
+                var mode = null;
+                for (var i = 0; i < device.modes.length; ++i) {
+                    if (device.modes[i].orientation === this._persistenceSetting.get().orientation && device.modes[i].title === this._persistenceSetting.get().mode)
+                        mode = device.modes[i];
+                }
+                this._model.emulate(WebInspector.DeviceModeModel.Type.Device, device, mode || device.modes[0]);
+            } else {
+                this._model.emulate(WebInspector.DeviceModeModel.Type.Mobile, null, null);
+            }
+        } else {
+            this._model.emulate(WebInspector.DeviceModeModel.Type.Desktop, null, null);
+        }
     }
 }