DevTools: check for canForceCompositingMode before trying to emulate device metrics.

Source/devtools/front_end/OverridesView.js

 /*
  * Copyright (C) 2012 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 350 matching lines @@
      "Mozilla/5.0 (Linux; Android 4.3; Nexus 7 Build/JSS15Q) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.72 Safari/537.36",
      "1280x800x1.325x0x1"],
     ["Motorola Xoom, Xyboard",
      "Mozilla/5.0 (Linux; U; Android 3.0; en-us; Xoom Build/HRI39) AppleWebKit/525.10 (KHTML, like Gecko) Version/3.0.4 Mobile Safari/523.12.2",
      "1280x800x1x0x1"],
     ["Samsung Galaxy Tab 7.7, 8.9, 10.1",
      "Mozilla/5.0 (Linux; U; Android 2.2; en-us; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
      "1280x800x1x0x1"],
     ["Samsung Galaxy Tab",
      "Mozilla/5.0 (Linux; U; Android 2.2; en-us; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1",
-     "1024x600x0x1"],
+     "1024x600x1x0x1"],
 ];
 
 WebInspector.OverridesView.DeviceTab.prototype = {
     /**
      * @param {Event} e
      */
     _keyPressed: function(e)
     {
         if (e.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code)
             this._emulateButtonClicked();
@@ skipping 37 matching lines @@
  * @extends {WebInspector.OverridesView.Tab}
  */
 WebInspector.OverridesView.ViewportTab = function()
 {
     WebInspector.OverridesView.Tab.call(this, "viewport", WebInspector.UIString("Viewport"), [WebInspector.settings.overrideDeviceMetrics, WebInspector.settings.overrideCSSMedia]);
     this.element.addStyleClass("overrides-viewport");
 
     const metricsSetting = WebInspector.settings.deviceMetrics.get();
     var metrics = WebInspector.OverridesSupport.DeviceMetrics.parseSetting(metricsSetting);
     var checkbox = this._createSettingCheckbox(WebInspector.UIString("Emulate viewport"), WebInspector.settings.overrideDeviceMetrics, this._onMetricsCheckboxClicked.bind(this));
+    this._overrideDeviceMetricsCheckbox = checkbox.querySelector("input");
     WebInspector.settings.deviceMetrics.addChangeListener(this._updateDeviceMetricsElement, this);
 
     this.element.appendChild(checkbox);
     this.element.appendChild(this._createDeviceMetricsElement(metrics));
     this.element.appendChild(this._createMediaEmulationElement());
     this._onMetricsCheckboxClicked(WebInspector.settings.overrideDeviceMetrics.get());
 
+    WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport.Events.CanForceCompositingModeChanged, this._canForceCompositingModeChanged, this);
+    this._canForceCompositingModeChanged();
 }
 
 WebInspector.OverridesView.ViewportTab.prototype = {
     /**
      * @param {boolean} enabled
      */
     _onMetricsCheckboxClicked: function(enabled)
     {
         if (enabled && !this._widthOverrideElement.value)
             this._widthOverrideElement.focus();
@@ skipping 41 matching lines @@
                 WebInspector.settings.deviceMetrics.set(value);
         }
     },
 
     /**
      * @param {WebInspector.OverridesSupport.DeviceMetrics} metrics
      */
     _createDeviceMetricsElement: function(metrics)
     {
         var fieldsetElement = WebInspector.SettingsTab.createSettingFieldset(WebInspector.settings.overrideDeviceMetrics);
+        this._overrideDeviceMetricsFieldset = fieldsetElement;
         fieldsetElement.id = "metrics-override-section";
 
         function swapDimensionsClicked(event)
         {
             var widthValue = this._widthOverrideElement.value;
             this._widthOverrideElement.value = this._heightOverrideElement.value;
             this._heightOverrideElement.value = widthValue;
             this._applyDeviceMetricsUserInput();
         }
 
@@ skipping 43 matching lines @@
         if (this._heightOverrideElement.value !== metrics.height)
             this._heightOverrideElement.value = metrics.height;
         if (this._deviceScaleFactorOverrideElement.value !== metrics.deviceScaleFactor)
             this._deviceScaleFactorOverrideElement.value = metrics.deviceScaleFactor;
         if (this._fontScaleFactorOverrideElement.value !== metrics.fontScaleFactor)
             this._fontScaleFactorOverrideElement.value = metrics.fontScaleFactor;
         if (this._textAutosizingOverrideCheckbox.checked !== metrics.textAutosizing)
             this._textAutosizingOverrideCheckbox.checked = metrics.textAutosizing;
     },
 
+    _canForceCompositingModeChanged: function()
+    {
+        this._overrideDeviceMetricsFieldset.disabled = !WebInspector.overridesSupport.canForceCompositingMode;
+        this._overrideDeviceMetricsCheckbox.disabled = !WebInspector.overridesSupport.canForceCompositingMode;
+    },
+
     _createMediaEmulationElement: function()
     {
         var checkbox = WebInspector.SettingsTab.createSettingCheckbox(WebInspector.UIString("CSS media"), WebInspector.settings.overrideCSSMedia, true);
         var fieldsetElement = WebInspector.SettingsTab.createSettingFieldset(WebInspector.settings.overrideCSSMedia);
         checkbox.appendChild(fieldsetElement);
 
         var mediaSelectElement = fieldsetElement.createChild("select");
         var mediaTypes = WebInspector.CSSStyleModel.MediaTypes;
         var defaultMedia = WebInspector.settings.emulatedCSSMedia.get();
         for (var i = 0; i < mediaTypes.length; ++i) {
@@ skipping 316 matching lines @@
         cellElement.appendChild(document.createTextNode(" \u03B2: "));
         this._betaElement = this._createInput(cellElement, "device-orientation-override-beta", String(deviceOrientation.beta), this._applyDeviceOrientationUserInput.bind(this), true);
         cellElement.appendChild(document.createTextNode(" \u03B3: "));
         this._gammaElement = this._createInput(cellElement, "device-orientation-override-gamma", String(deviceOrientation.gamma), this._applyDeviceOrientationUserInput.bind(this), true);
 
         return fieldsetElement;
     }
 }
 
 WebInspector.OverridesView.SensorsTab.prototype.__proto__ = WebInspector.OverridesView.Tab.prototype;