DevTools: mute the node highlight & hide devtools while taking screenshots.

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}
  */
 WebInspector.DeviceModeView = function()
 {
@@ skipping 362 matching lines @@
     willHide: function()
     {
         this._model.emulate(WebInspector.DeviceModeModel.Type.None, null, null);
     },
 
     captureScreenshot: function()
     {
         var mainTarget = WebInspector.targetManager.mainTarget();
         if (!mainTarget)
             return;
+        WebInspector.DOMModel.muteHighlight();
+
+        var zoomFactor = WebInspector.zoomManager.zoomFactor();
+        var rect = this._contentArea.getBoundingClientRect();
+        var availableSize = new Size(Math.max(rect.width * zoomFactor, 1), Math.max(rect.height * zoomFactor, 1));
+
+        if (availableSize.width < this._model.screenRect().width ||
+            availableSize.height < this._model.screenRect().height) {
+            WebInspector.inspectorView.minimize();
+        }
+
         mainTarget.pageAgent().captureScreenshot(screenshotCaptured.bind(this));
 
         /**
          * @param {?Protocol.Error} error
          * @param {string} content
          * @this {WebInspector.DeviceModeView}
          */
         function screenshotCaptured(error, content)
         {
-            if (error)
+            if (error) {
+                WebInspector.DOMModel.unmuteHighlight();
+                WebInspector.inspectorView.restore();
                 return;
+            }
 
             // Create a canvas to splice the images together.
             var canvas = createElement("canvas");
             var ctx = canvas.getContext("2d");
             var screenRect = this._model.screenRect();
             var dpr = window.devicePixelRatio;
             canvas.width = screenRect.width * dpr;
             canvas.height = screenRect.height * dpr;
             // Add any available screen images.
             if (this._model.screenImage()) {
@@ skipping 30 matching lines @@
                               visiblePageRect.height);
                 var mainFrame = mainTarget.resourceTreeModel.mainFrame;
                 var fileName = mainFrame ? mainFrame.url.trimURL().removeURLFragment() : "";
                 if (this._model.type() === WebInspector.DeviceModeModel.Type.Device)
                     fileName += WebInspector.UIString("(%s)", this._model.device().title);
                 // Trigger download.
                 var link = createElement("a");
                 link.download = fileName + ".png";
                 link.href = canvas.toDataURL("image/png");
                 link.click();
+                WebInspector.DOMModel.unmuteHighlight();
+                WebInspector.inspectorView.restore();
             }
         }
     },
 
     __proto__: WebInspector.VBox.prototype
 }
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
@@ skipping 94 matching lines @@
     /**
      * @param {number} size
      */
     _onMarkerClick: function(size)
     {
         this._applyCallback.call(null, size);
     },
 
     __proto__: WebInspector.VBox.prototype
 }