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 |