| OLD | NEW |
| 1 | 1 |
| 2 Tests that turning on device emulation with a non-1 device pixel ratio sets
the | 2 Tests that turning on device emulation with a non-1 device pixel ratio sets
the |
| 3 appropriate initial scale. Page scale is reflected by the innerWidth and | 3 appropriate initial scale. Page scale is reflected by the innerWidth and |
| 4 innerHeight properties. Since the layout width is set to 980 (in the viewpor
t | 4 innerHeight properties. Since the layout width is set to 980 (in the viewpor
t |
| 5 meta tag), and the emulated viewport width is 490 px, the initial scale shou
ld | 5 meta tag), and the emulated viewport width is 490 px, the initial scale shou
ld |
| 6 be 490/980 = 0.5. i.e. innerWidth=980 innerHeight=640. | 6 be 490/980 = 0.5. i.e. innerWidth=980 innerHeight=640. |
| 7 Emulating device: 490x320x3 | 7 Emulating device: 490x320x3 |
| 8 Loading page with viewport=w=980 | 8 Loading page with viewport=w=980 |
| 9 Device: | 9 Device: |
| 10 window.screenX = 0px | 10 window.screenX = 0px |
| 11 window.screenY = 0px | 11 window.screenY = 0px |
| 12 Viewport: = ?w=980 | 12 Viewport: = ?w=980 |
| 13 @media orientation = landscape | 13 @media orientation = landscape |
| 14 window.orientation | 14 window.orientation = 0 |
| 15 @media resolution = 288dpi | 15 @media resolution = 288dpi |
| 16 @media device-pixel-ratio = 3 | 16 @media device-pixel-ratio = 3 |
| 17 window.devicePixelRatio = 3 | 17 window.devicePixelRatio = 3 |
| 18 Widths: | 18 Widths: |
| 19 @media device-width = 490px | 19 @media device-width = 490px |
| 20 screen.width = 490px | 20 screen.width = 490px |
| 21 screen.availWidth = 490px | 21 screen.availWidth = 490px |
| 22 window.outerWidth = 490px | 22 window.outerWidth = 490px |
| 23 window.innerWidth = 980px | 23 window.innerWidth = 980px |
| 24 @media width = 980px | 24 @media width = 980px |
| (...skipping 10 matching lines...) Expand all Loading... |
| 35 window.outerHeight = 320px | 35 window.outerHeight = 320px |
| 36 window.innerHeight = 640px | 36 window.innerHeight = 640px |
| 37 @media height = 640px | 37 @media height = 640px |
| 38 doc.docElem.clientHeight = 1000px | 38 doc.docElem.clientHeight = 1000px |
| 39 doc.docElem.offsetHeight = 1000px | 39 doc.docElem.offsetHeight = 1000px |
| 40 doc.docElem.scrollHeight = 1000px | 40 doc.docElem.scrollHeight = 1000px |
| 41 doc.body.clientHeight = 640px | 41 doc.body.clientHeight = 640px |
| 42 doc.body.offsetHeight = 1000px | 42 doc.body.offsetHeight = 1000px |
| 43 doc.body.scrollHeight = 1000px | 43 doc.body.scrollHeight = 1000px |
| 44 | 44 |
| OLD | NEW |