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