[DevTools] Move network throttling to network panel.

Source/devtools/front_end/network/NetworkPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008, 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 96 matching lines @@
      * @return {?WebInspector.SourceFrame}
      */
     function sourceFrameGetter()
     {
         return this._networkItemView.currentSourceFrame();
     }
     WebInspector.GoToLineDialog.install(this, sourceFrameGetter.bind(this));
     WebInspector.DataSaverInfobar.maybeShowInPanel(this);
 }
 
+/** @type {!Array.<!{title: string, value: !WebInspector.NetworkManager.Conditions}>} */
+WebInspector.NetworkPanel._networkConditionsPresets = [
+    {title: "Offline", value: {throughput: 0 * 1024 / 8, latency: 0}},
+    {title: "GPRS", value: {throughput: 50 * 1024 / 8, latency: 500}},
+    {title: "Regular 2G", value: {throughput: 250 * 1024 / 8, latency: 300}},
+    {title: "Good 2G", value: {throughput: 450 * 1024 / 8, latency: 150}},
+    {title: "Regular 3G", value: {throughput: 750 * 1024 / 8, latency: 100}},
+    {title: "Good 3G", value: {throughput: 1.5 * 1024 * 1024 / 8, latency: 40}},
+    {title: "Regular 4G", value: {throughput: 4 * 1024 * 1024 / 8, latency: 20}},
+    {title: "DSL", value: {throughput: 2 * 1024 * 1024 / 8, latency: 5}},
+    {title: "WiFi", value: {throughput: 30 * 1024 * 1024 / 8, latency: 2}},
+    {title: "No throttling", value: {throughput: -1, latency: 0}}
+];
+
 WebInspector.NetworkPanel.prototype = {
     /**
      * @param {!WebInspector.Event} event
      */
     _onWindowChanged: function(event)
     {
         var startTime = Math.max(this._calculator.minimumBoundary(), event.data.startTime / 1000);
         var endTime = Math.min(this._calculator.maximumBoundary(), event.data.endTime / 1000);
         this._networkLogView.setWindow(startTime, endTime);
     },
@@ skipping 27 matching lines @@
         this._panelToolbar.appendToolbarItem(showOverviewButton);
         this._panelToolbar.appendSeparator();
 
         this._preserveLogCheckbox = new WebInspector.ToolbarCheckbox(WebInspector.UIString("Preserve log"), WebInspector.UIString("Do not clear log on page reload / navigation"));
         this._preserveLogCheckbox.inputElement.addEventListener("change", this._onPreserveLogCheckboxChanged.bind(this), false);
         this._panelToolbar.appendToolbarItem(this._preserveLogCheckbox);
 
         this._disableCacheCheckbox = new WebInspector.ToolbarCheckbox(WebInspector.UIString("Disable cache"), WebInspector.UIString("Disable cache (while DevTools is open)"), WebInspector.moduleSetting("cacheDisabled"));
         this._panelToolbar.appendToolbarItem(this._disableCacheCheckbox);
 
+        this._panelToolbar.appendSeparator();
+        this._panelToolbar.appendToolbarItem(this._createNetworkConditionsSelect());
         this._panelToolbar.appendToolbarItem(new WebInspector.ToolbarItem(this._progressBarContainer));
     },
 
     /**
+     * @return {!WebInspector.ToolbarComboBox}
+     */
+    _createNetworkConditionsSelect: function()
+    {
+        var presets = WebInspector.NetworkPanel._networkConditionsPresets;
+        var networkConditionsSelect = new WebInspector.ToolbarComboBox(optionSelected);
+        networkConditionsSelect.setMaxWidth(140);
+
+        for (var i = 0; i < presets.length; ++i) {
+            var preset = presets[i];
+            var throughputInKbps = preset.value.throughput / (1024 / 8);
+            var isThrottling = (throughputInKbps > 0) || preset.value.latency;
+            var option;
+            if (!isThrottling) {
+                option = new Option(preset.title, preset.title);
+            } else {
+                var throughputText = (throughputInKbps < 1024) ? WebInspector.UIString("%d Kbps", throughputInKbps) : WebInspector.UIString("%d Mbps", (throughputInKbps / 1024) | 0);
+                var title = WebInspector.UIString("%s (%s %dms RTT)", preset.title, throughputText, preset.value.latency);
+                option = new Option(title, preset.title);
+                option.title = WebInspector.UIString("Maximum download throughput: %s.\r\nMinimum round-trip time: %dms.", throughputText, preset.value.latency);
+            }
+            option.settingValue = preset.value;
+            networkConditionsSelect.addOption(option);
+        }
+
+        var setting = WebInspector.moduleSetting("networkConditions");
+        setting.addChangeListener(settingChanged);
+        settingChanged();
+
+        function optionSelected()
+        {
+            setting.removeChangeListener(settingChanged);
+            setting.set(networkConditionsSelect.selectedOption().settingValue);
+            setting.addChangeListener(settingChanged);
+        }
+
+        function settingChanged()
+        {
+            var value = setting.get();
+            for (var option of networkConditionsSelect.options()) {
+                if (option.settingValue.throughput === value.throughput && option.settingValue.latency === value.latency)
+                    networkConditionsSelect.select(option);
+            }
+        }
+
+        return networkConditionsSelect;
+    },
+
+    /**
      * @param {!WebInspector.Event} event
      */
     _onRecordButtonClicked: function(event)
     {
         if (!this._preserveLogCheckbox.checked() && !this._recordButton.toggled())
             this._reset();
         this._toggleRecordButton(!this._recordButton.toggled());
     },
 
     /**
@@ skipping 543 matching lines @@
     {
         if (!this._target)
             return;
 
         this._target.tracingManager.stop();
         this._target = null;
         this._callback = callback;
         this._filmStripView.setFetching();
     }
 }