DevTools: Introduce device dependent CPU throttling rates.

third_party/WebKit/Source/devtools/front_end/emulation/DevicesSettingsTab.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}
  * @implements {WebInspector.ListWidget.Delegate}
  */
 WebInspector.DevicesSettingsTab = function()
 {
     WebInspector.VBox.call(this);
     this.element.classList.add("settings-tab-container");
     this.element.classList.add("devices-settings-tab");
     this.registerRequiredCSS("emulation/devicesSettingsTab.css");
 
     var header = this.element.createChild("header");
     header.createChild("h3").createTextChild(WebInspector.UIString("Emulated Devices"));
     this.containerElement = this.element.createChild("div", "help-container-wrapper").createChild("div", "settings-tab help-content help-container");
 
+    if (Runtime.experiments.isEnabled("cpuThrottling"))
+        this._createOctaneScoreInput();

[pfeldman, 2016/05/06 23:13:09]

Lets do that later.

[alph, 2016/05/07 00:02:27]

ok

+
     var buttonsRow = this.containerElement.createChild("div", "devices-button-row");
     this._addCustomButton = createTextButton(WebInspector.UIString("Add custom device..."), this._addCustomDevice.bind(this));
     buttonsRow.appendChild(this._addCustomButton);
 
     this._list = new WebInspector.ListWidget(this);
     this._list.registerRequiredCSS("emulation/devicesSettingsTab.css");
     this._list.element.classList.add("devices-list");
     this._list.show(this.containerElement);
 
     this._muteUpdate = false;
     this._emulatedDevicesList = WebInspector.EmulatedDevicesList.instance();
     this._emulatedDevicesList.addEventListener(WebInspector.EmulatedDevicesList.Events.CustomDevicesUpdated, this._devicesUpdated, this);
     this._emulatedDevicesList.addEventListener(WebInspector.EmulatedDevicesList.Events.StandardDevicesUpdated, this._devicesUpdated, this);
 
     this.setDefaultFocusedElement(this._addCustomButton);
 }
 
+/**
+ * @param {number} minValue
+ * @param {number} maxValue
+ * @param {string} text
+ * @return {boolean}
+ */
+WebInspector.DevicesSettingsTab.numberValidator = function(minValue, maxValue, text)
+{
+    if (text === "")
+        return true;
+    var value = Number.parseInt(text, 10);
+    return String(value) === text && minValue <= value && value <= maxValue;
+}
+
 WebInspector.DevicesSettingsTab.prototype = {
     wasShown: function()
     {
         WebInspector.VBox.prototype.wasShown.call(this);
         this._devicesUpdated();
     },
 
     _devicesUpdated: function()
     {
         if (this._muteUpdate)
@@ skipping 19 matching lines @@
     _muteAndSaveDeviceList: function(custom)
     {
         this._muteUpdate = true;
         if (custom)
             this._emulatedDevicesList.saveCustomDevices();
         else
             this._emulatedDevicesList.saveStandardDevices();
         this._muteUpdate = false;
     },
 
+    _createOctaneScoreInput: function()
+    {
+        var octaneRow = this.containerElement.createChild("div", "octane-score-row");
+        var labelElement = octaneRow.createChild("label");
+        labelElement.textContent = WebInspector.UIString("Host Octane 2.0 score");
+        var inputElement = octaneRow.createChild("input");
+        inputElement.type = "text";
+        inputElement.style.width = "100px";
+        octaneRow.appendChild(WebInspector.linkifyURLAsNode("http://chromium.github.io/octane/", WebInspector.UIString("Obtain score"), undefined, true));
+        var hostOctaneScore = WebInspector.settings.createSetting("hostOctaneScore", 0);
+        WebInspector.bindInput(inputElement, hostOctaneScore.set.bind(hostOctaneScore), WebInspector.DevicesSettingsTab.numberValidator.bind(null, 1, 1e6), false);
+        inputElement.value = hostOctaneScore.get() ? hostOctaneScore.get() : "";
+    },
+
     _addCustomDevice: function()
     {
         var device = new WebInspector.EmulatedDevice();
         device.deviceScaleFactor = 0;
         device.horizontal.width = 700;
         device.horizontal.height = 400;
         device.vertical.width = 400;
         device.vertical.height = 700;
+        device.octaneScore = 0;
         this._list.addNewItem(this._emulatedDevicesList.custom().length, device);
     },
 
     /**
      * @param {number} value
      * @return {string}
      */
     _toNumericInputValue: function(value)
     {
         return value ? String(value) : "";
@@ skipping 48 matching lines @@
      */
     commitEdit: function(item, editor, isNew)
     {
         var device = /** @type {!WebInspector.EmulatedDevice} */ (item);
         device.title = editor.control("title").value.trim();
         device.vertical.width = editor.control("width").value ? parseInt(editor.control("width").value, 10) : 0;
         device.vertical.height = editor.control("height").value ? parseInt(editor.control("height").value, 10) : 0;
         device.horizontal.width = device.vertical.height;
         device.horizontal.height = device.vertical.width;
         device.deviceScaleFactor = editor.control("scale").value ? parseFloat(editor.control("scale").value) : 0;
+        device.octaneScore = editor.control("octane").value ? parseInt(editor.control("octane").value, 10) : 0;
         device.userAgent = editor.control("user-agent").value;
         device.modes = [];
         device.modes.push({title: "", orientation: WebInspector.EmulatedDevice.Vertical, insets: new Insets(0, 0, 0, 0), image: null});
         device.modes.push({title: "", orientation: WebInspector.EmulatedDevice.Horizontal, insets: new Insets(0, 0, 0, 0), image: null});
         device.capabilities = [];
         var uaType = editor.control("ua-type").value;
         if (uaType === WebInspector.DeviceModeModel.UA.Mobile || uaType === WebInspector.DeviceModeModel.UA.MobileNoTouch)
             device.capabilities.push(WebInspector.EmulatedDevice.Capability.Mobile);
         if (uaType === WebInspector.DeviceModeModel.UA.Mobile || uaType === WebInspector.DeviceModeModel.UA.DesktopTouch)
             device.capabilities.push(WebInspector.EmulatedDevice.Capability.Touch);
@@ skipping 12 matching lines @@
      */
     beginEdit: function(item)
     {
         var device = /** @type {!WebInspector.EmulatedDevice} */ (item);
         var editor = this._createEditor();
         editor.control("title").value = device.title;
         editor.control("width").value = this._toNumericInputValue(device.vertical.width);
         editor.control("height").value = this._toNumericInputValue(device.vertical.height);
         editor.control("scale").value = this._toNumericInputValue(device.deviceScaleFactor);
         editor.control("user-agent").value = device.userAgent;
+        editor.control("octane").value = this._toNumericInputValue(device.octaneScore);
         var uaType;
         if (device.mobile())
             uaType = device.touch() ? WebInspector.DeviceModeModel.UA.Mobile : WebInspector.DeviceModeModel.UA.MobileNoTouch;
         else
             uaType = device.touch() ? WebInspector.DeviceModeModel.UA.DesktopTouch : WebInspector.DeviceModeModel.UA.Desktop;
         editor.control("ua-type").value = uaType;
         return editor;
     },
 
     /**
@@ skipping 14 matching lines @@
         screen.appendChild(editor.createInput("width", "text", WebInspector.UIString("Width"), sizeValidator));
         screen.appendChild(editor.createInput("height", "text", WebInspector.UIString("height"), sizeValidator));
         var dpr = editor.createInput("scale", "text", WebInspector.UIString("Device pixel ratio"), scaleValidator);
         dpr.classList.add("device-edit-fixed");
         screen.appendChild(dpr);
         var ua = fields.createChild("div", "hbox");
         ua.appendChild(editor.createInput("user-agent", "text", WebInspector.UIString("User agent string"), () => true));
         var uaType = editor.createSelect("ua-type", [WebInspector.DeviceModeModel.UA.Mobile, WebInspector.DeviceModeModel.UA.MobileNoTouch, WebInspector.DeviceModeModel.UA.Desktop, WebInspector.DeviceModeModel.UA.DesktopTouch], () => true);
         uaType.classList.add("device-edit-fixed");
         ua.appendChild(uaType);
+        fields.createChild("div", "hbox").appendChild(editor.createInput("octane", "text", WebInspector.UIString("Octane 2.0 score"), numberValidator.bind(null, 1, 1e6)));
 
         return editor;
 
         /**
          * @param {*} item
          * @param {number} index
          * @param {!HTMLInputElement|!HTMLSelectElement} input
          * @return {boolean}
          */
         function titleValidator(item, index, input)
@@ skipping 16 matching lines @@
         /**
          * @param {*} item
          * @param {number} index
          * @param {!HTMLInputElement|!HTMLSelectElement} input
          * @return {boolean}
          */
         function scaleValidator(item, index, input)
         {
             return WebInspector.DeviceModeModel.deviceScaleFactorValidator(input.value);
         }
+
+        /**
+         * @param {number} minValue
+         * @param {number} maxValue
+         * @param {*} item
+         * @param {number} index
+         * @param {!HTMLInputElement|!HTMLSelectElement} input
+         * @return {boolean}
+         */
+        function numberValidator(minValue, maxValue, item, index, input)
+        {
+            return WebInspector.DevicesSettingsTab.numberValidator(minValue, maxValue, input.value.trim());
+        }
+
     },
 
     __proto__: WebInspector.VBox.prototype
 }