Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(408)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeView.js

Issue 2819183002: [DevTools] Consolidate overlay-related functionality in Overlay domain (Closed)
Patch Set: rebased bad merge Created 3 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 // Copyright 2015 The Chromium Authors. All rights reserved. 1 // Copyright 2015 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 /** 4 /**
5 * @unrestricted 5 * @unrestricted
6 */ 6 */
7 Emulation.DeviceModeView = class extends UI.VBox { 7 Emulation.DeviceModeView = class extends UI.VBox {
8 constructor() { 8 constructor() {
9 super(true); 9 super(true);
10 this.setMinimumSize(150, 150); 10 this.setMinimumSize(150, 150);
(...skipping 357 matching lines...) Expand 10 before | Expand all | Expand 10 after
368 * @override 368 * @override
369 */ 369 */
370 willHide() { 370 willHide() {
371 this._model.emulate(Emulation.DeviceModeModel.Type.None, null, null); 371 this._model.emulate(Emulation.DeviceModeModel.Type.None, null, null);
372 } 372 }
373 373
374 /** 374 /**
375 * @return {!Promise} 375 * @return {!Promise}
376 */ 376 */
377 async captureScreenshot() { 377 async captureScreenshot() {
378 SDK.DOMModel.muteHighlight(); 378 SDK.OverlayModel.muteHighlight();
379 var screenshot = await this._model.captureScreenshot(false); 379 var screenshot = await this._model.captureScreenshot(false);
380 SDK.DOMModel.unmuteHighlight(); 380 SDK.OverlayModel.unmuteHighlight();
381 if (screenshot === null) 381 if (screenshot === null)
382 return; 382 return;
383 383
384 var pageImage = new Image(); 384 var pageImage = new Image();
385 pageImage.src = 'data:image/png;base64,' + screenshot; 385 pageImage.src = 'data:image/png;base64,' + screenshot;
386 pageImage.onload = async () => { 386 pageImage.onload = async () => {
387 var scale = window.devicePixelRatio / UI.zoomManager.zoomFactor() / this._ model.scale(); 387 var scale = window.devicePixelRatio / UI.zoomManager.zoomFactor() / this._ model.scale();
388 var outlineRect = this._model.outlineRect().scale(scale); 388 var outlineRect = this._model.outlineRect().scale(scale);
389 var screenRect = this._model.screenRect().scale(scale); 389 var screenRect = this._model.screenRect().scale(scale);
390 var visiblePageRect = this._model.visiblePageRect().scale(scale); 390 var visiblePageRect = this._model.visiblePageRect().scale(scale);
(...skipping 12 matching lines...) Expand all
403 await this._paintImage(ctx, this._model.screenImage(), screenRect.relati veTo(outlineRect)); 403 await this._paintImage(ctx, this._model.screenImage(), screenRect.relati veTo(outlineRect));
404 ctx.drawImage(pageImage, Math.floor(contentLeft), Math.floor(contentTop)); 404 ctx.drawImage(pageImage, Math.floor(contentLeft), Math.floor(contentTop));
405 this._saveScreenshot(canvas); 405 this._saveScreenshot(canvas);
406 }; 406 };
407 } 407 }
408 408
409 /** 409 /**
410 * @return {!Promise} 410 * @return {!Promise}
411 */ 411 */
412 async captureFullSizeScreenshot() { 412 async captureFullSizeScreenshot() {
413 SDK.DOMModel.muteHighlight(); 413 SDK.OverlayModel.muteHighlight();
414 var screenshot = await this._model.captureScreenshot(true); 414 var screenshot = await this._model.captureScreenshot(true);
415 SDK.DOMModel.unmuteHighlight(); 415 SDK.OverlayModel.unmuteHighlight();
416 if (screenshot === null) 416 if (screenshot === null)
417 return; 417 return;
418 418
419 var pageImage = new Image(); 419 var pageImage = new Image();
420 pageImage.src = 'data:image/png;base64,' + screenshot; 420 pageImage.src = 'data:image/png;base64,' + screenshot;
421 pageImage.onload = () => { 421 pageImage.onload = () => {
422 var canvas = createElement('canvas'); 422 var canvas = createElement('canvas');
423 canvas.width = pageImage.width; 423 canvas.width = pageImage.width;
424 canvas.height = pageImage.height; 424 canvas.height = pageImage.height;
425 var ctx = canvas.getContext('2d'); 425 var ctx = canvas.getContext('2d');
(...skipping 132 matching lines...) Expand 10 before | Expand all | Expand 10 after
558 return Promise.resolve(); 558 return Promise.resolve();
559 } 559 }
560 560
561 /** 561 /**
562 * @param {number} size 562 * @param {number} size
563 */ 563 */
564 _onMarkerClick(size) { 564 _onMarkerClick(size) {
565 this._applyCallback.call(null, size); 565 this._applyCallback.call(null, size);
566 } 566 }
567 }; 567 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698