| OLD | NEW |
|---|
| (Empty) | |
| 1 <html> |
| 2 <head> |
| 3 |
| 4 <script src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></s
cript> |
| 5 |
| 6 <style> |
| 7 body { |
| 8 margin: 0; |
| 9 overflow: hidden; |
| 10 min-height: 1000px; |
| 11 } |
| 12 |
| 13 div#layoutViewportDiv { |
| 14 position: fixed; |
| 15 z-index: 100; |
| 16 width: 100%; |
| 17 height: 100%; |
| 18 } |
| 19 </style> |
| 20 |
| 21 <script> |
| 22 function dumpMetrics() |
| 23 { |
| 24 return JSON.stringify({ |
| 25 visualWidth: window.innerWidth, |
| 26 visualHeight: window.innerHeight, |
| 27 layoutWidth: document.getElementById("layoutViewportDiv").clientWidth, |
| 28 layoutHeight: document.getElementById("layoutViewportDiv").clientHeight |
| 29 }, null, 4); |
| 30 } |
| 31 |
| 32 function test() |
| 33 { |
| 34 function printMetrics(callback) |
| 35 { |
| 36 InspectorTest.evaluateInPage("dumpMetrics()", print); |
| 37 |
| 38 function print(metrics) |
| 39 { |
| 40 InspectorTest.log(metrics); |
| 41 callback(); |
| 42 } |
| 43 } |
| 44 |
| 45 function testOverrides(width, height, visualWidth, visualHeight, next) |
| 46 { |
| 47 var params = { |
| 48 width: width, |
| 49 height: height, |
| 50 visualViewportWidth: visualWidth, |
| 51 visualViewportHeight: visualHeight, |
| 52 deviceScaleFactor: 0, |
| 53 mobile: false, |
| 54 fitWindow: false |
| 55 }; |
| 56 InspectorTest.log("Overrides: " + JSON.stringify(params)); |
| 57 |
| 58 InspectorTest.sendCommandOrDie("Emulation.setDeviceMetricsOverride", par
ams, printMetrics.bind(null, overridesActive)); |
| 59 |
| 60 function overridesActive() |
| 61 { |
| 62 InspectorTest.log("Clearing overrides."); |
| 63 InspectorTest.sendCommandOrDie("Emulation.clearDeviceMetricsOverride
", {}, printMetrics.bind(null, next)); |
| 64 } |
| 65 } |
| 66 |
| 67 InspectorTest.runTestSuite([ |
| 68 function noOverrides(next) |
| 69 { |
| 70 testOverrides(0, 0, 0, 0, next); |
| 71 }, |
| 72 |
| 73 function width(next) |
| 74 { |
| 75 testOverrides(200, 0, 0, 0, next); |
| 76 }, |
| 77 |
| 78 function height(next) |
| 79 { |
| 80 testOverrides(0, 200, 0, 0, next); |
| 81 }, |
| 82 |
| 83 function visualWidth(next) |
| 84 { |
| 85 testOverrides(0, 0, 100, 0, next); |
| 86 }, |
| 87 |
| 88 function visualHeight(next) |
| 89 { |
| 90 testOverrides(0, 0, 0, 100, next); |
| 91 }, |
| 92 |
| 93 function visualWidthAndHeight(next) |
| 94 { |
| 95 testOverrides(0, 0, 100, 150, next); |
| 96 }, |
| 97 |
| 98 function visualAndFrame(next) |
| 99 { |
| 100 testOverrides(200, 250, 100, 150, next); |
| 101 }, |
| 102 |
| 103 function visualLargerThanFrame(next) |
| 104 { |
| 105 testOverrides(100, 150, 200, 250, next); |
| 106 } |
| 107 ]); |
| 108 } |
| 109 </script> |
| 110 |
| 111 </head> |
| 112 <body onload="runTest()"> |
| 113 <div id="layoutViewportDiv"></div> |
| 114 <p> |
| 115 Tests overrides for visual viewport size in combination with frame size override
s. |
| 116 </p> |
| 117 </body> |
| 118 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2173783002:
Adds visual viewport size override to DevTools Emulation protocol. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master