OLD | NEW |
1 Tests that device emulation affects media rules, viewport meta tag, body dimensi
ons and window.screen. Emulating small device on a page without viewport set sho
uld take UA viewport settings into account. | 1 Tests that device emulation affects media rules, viewport meta tag, body dimensi
ons and window.screen. Emulating small device on a page with viewport "width=dev
ice-width" set should work without reload for page without scrollbar. |
2 | 2 |
3 Page reloaded. | 3 Page reloaded. |
4 Emulating device: 380x420x1 viewport='none' | 4 Emulating device: 380x420x1 viewport='w=dw' |
5 Emulation warning: You might need to reload the page for proper user agent spoof
ing and viewport rendering. | 5 Emulation warning: You might need to reload the page for proper user agent spoof
ing and viewport rendering. |
6 Device: | 6 Device: |
7 window.screenX = 0px | 7 window.screenX = 0px |
8 window.screenY = 0px | 8 window.screenY = 0px |
9 Viewport: = ?none | 9 Viewport: = ?w=dw |
10 @media orientation = portrait | 10 @media orientation = portrait |
11 window.orientation | 11 window.orientation |
12 @media resolution = 96dpi | 12 @media resolution = 96dpi |
13 @media device-pixel-ratio = 1 | 13 @media device-pixel-ratio = 1 |
14 window.devicePixelRatio = 1 | 14 window.devicePixelRatio = 1 |
15 Widths: | 15 Widths: |
16 @media device-width = 380px | 16 @media device-width = 380px |
17 screen.width = 380px | 17 screen.width = 380px |
18 screen.availWidth = 380px | 18 screen.availWidth = 380px |
19 window.outerWidth = 380px | 19 window.outerWidth = 380px |
20 window.innerWidth = 980px | 20 window.innerWidth = 380px |
21 @media width = 980px | 21 @media width = 380px |
22 doc.docElem.clientWidth = 980px | 22 doc.docElem.clientWidth = 380px |
23 doc.docElem.offsetWidth = 980px | 23 doc.docElem.offsetWidth = 380px |
24 doc.docElem.scrollWidth = 980px | 24 doc.docElem.scrollWidth = 380px |
25 doc.body.clientWidth = 980px | 25 doc.body.clientWidth = 380px |
26 doc.body.offsetWidth = 980px | 26 doc.body.offsetWidth = 380px |
27 doc.body.scrollWidth = 980px | 27 doc.body.scrollWidth = 380px |
28 Heights: | 28 Heights: |
29 @media device-height = 420px | 29 @media device-height = 420px |
30 screen.height = 420px | 30 screen.height = 420px |
31 screen.availHeight = 420px | 31 screen.availHeight = 420px |
32 window.outerHeight = 420px | 32 window.outerHeight = 420px |
33 window.innerHeight = 1084px | 33 window.innerHeight = 420px |
34 @media height = 1083px | 34 @media height = 420px |
35 doc.docElem.clientHeight = 1083px | 35 doc.docElem.clientHeight = 420px |
36 doc.docElem.offsetHeight = 1083px | 36 doc.docElem.offsetHeight = 420px |
37 doc.docElem.scrollHeight = 1083px | 37 doc.docElem.scrollHeight = 420px |
38 doc.body.clientHeight = 1083px | 38 doc.body.clientHeight = 420px |
39 doc.body.offsetHeight = 1083px | 39 doc.body.offsetHeight = 420px |
40 doc.body.scrollHeight = 1083px | 40 doc.body.scrollHeight = 420px |
41 | 41 |
42 | 42 |
OLD | NEW |