DevTools: add rendering overlay options to command menu

third_party/WebKit/Source/devtools/front_end/sdk/EmulationModel.js

 // Copyright 2017 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.
 
 SDK.EmulationModel = class extends SDK.SDKModel {
   /**
    * @param {!SDK.Target} target
    */
   constructor(target) {
     super(target);
     this._emulationAgent = target.emulationAgent();
     this._pageAgent = target.pageAgent();
     this._deviceOrientationAgent = target.deviceOrientationAgent();
     this._cssModel = target.model(SDK.CSSModel);
     this._overlayModel = target.model(SDK.OverlayModel);
     if (this._overlayModel)
       this._overlayModel.addEventListener(SDK.OverlayModel.Events.InspectModeWillBeToggled, this._updateTouch, this);
 
     var disableJavascriptSetting = Common.settings.moduleSetting('javaScriptDisabled');
     disableJavascriptSetting.addChangeListener(
         () => this._emulationAgent.setScriptExecutionDisabled(disableJavascriptSetting.get()));
     if (disableJavascriptSetting.get())
       this._emulationAgent.setScriptExecutionDisabled(true);
 
+    var mediaSetting = Common.moduleSetting('emulatedCSSMedia');
+    mediaSetting.addChangeListener(() => this._emulateCSSMedia(mediaSetting.get()));
+    if (mediaSetting.get())
+      this._emulateCSSMedia(mediaSetting.get());
+
     this._touchEnabled = false;
     this._touchMobile = false;
     this._customTouchEnabled = false;
     this._touchConfiguration = {enabled: false, configuration: 'mobile', scriptId: ''};
   }
 
   /**
    * @return {boolean}
    */
   supportsDeviceEmulation() {
@@ skipping 68 matching lines @@
   emulateDeviceOrientation(deviceOrientation) {
     if (deviceOrientation) {
       this._deviceOrientationAgent.setDeviceOrientationOverride(
           deviceOrientation.alpha, deviceOrientation.beta, deviceOrientation.gamma);
     } else {
       this._deviceOrientationAgent.clearDeviceOrientationOverride();
     }
   }
 
   /**
-   * @param {?string} media
+   * @param {string} media
    */
-  emulateCSSMedia(media) {
-    this._emulationAgent.setEmulatedMedia(media || '');
+  _emulateCSSMedia(media) {
+    this._emulationAgent.setEmulatedMedia(media);
     if (this._cssModel)
       this._cssModel.mediaQueryResultChanged();
   }
 
   /**
    * @param {number} rate
    */
   setCPUThrottlingRate(rate) {
     this._emulationAgent.setCPUThrottlingRate(rate);
   }
@@ skipping 197 matching lines @@
     return /^([+-]?[\d]+(\.\d+)?|[+-]?\.\d+)$/.test(value);
   }
 
   /**
    * @return {string}
    */
   toSetting() {
     return JSON.stringify(this);
   }
 };