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 innerHeight 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.
4 Emulating device: 490x320x3 viewport='w=980'
5 Emulation warning: You might need to reload the page for proper user agent spoofing and viewport rendering.
10 @media orientation = landscape
12 @media resolution = 288dpi
13 @media device-pixel-ratio = 3
14 window.devicePixelRatio = 3
16 @media device-width = 490px
18 screen.availWidth = 490px
19 window.outerWidth = 490px
20 window.innerWidth = 980px
22 doc.docElem.clientWidth = 980px
23 doc.docElem.offsetWidth = 980px
24 doc.docElem.scrollWidth = 980px
25 doc.body.clientWidth = 980px
26 doc.body.offsetWidth = 980px
27 doc.body.scrollWidth = 980px
29 @media device-height = 320px
31 screen.availHeight = 320px
32 window.outerHeight = 320px
33 window.innerHeight = 640px
35 doc.docElem.clientHeight = 1000px
36 doc.docElem.offsetHeight = 1000px
37 doc.docElem.scrollHeight = 1000px
38 doc.body.clientHeight = 640px
39 doc.body.offsetHeight = 1000px
40 doc.body.scrollHeight = 1000px