OLD | NEW |
| (Empty) |
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 | |
3 Page reloaded. | |
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. | |
6 Device: | |
7 window.screenX = 0px | |
8 window.screenY = 0px | |
9 Viewport: = ?w=dw | |
10 @media orientation = portrait | |
11 window.orientation | |
12 @media resolution = 96dpi | |
13 @media device-pixel-ratio = 1 | |
14 window.devicePixelRatio = 1 | |
15 Widths: | |
16 @media device-width = 380px | |
17 screen.width = 380px | |
18 screen.availWidth = 380px | |
19 window.outerWidth = 380px | |
20 window.innerWidth = 380px | |
21 @media width = 380px | |
22 doc.docElem.clientWidth = 380px | |
23 doc.docElem.offsetWidth = 380px | |
24 doc.docElem.scrollWidth = 380px | |
25 doc.body.clientWidth = 380px | |
26 doc.body.offsetWidth = 380px | |
27 doc.body.scrollWidth = 380px | |
28 Heights: | |
29 @media device-height = 420px | |
30 screen.height = 420px | |
31 screen.availHeight = 420px | |
32 window.outerHeight = 420px | |
33 window.innerHeight = 420px | |
34 @media height = 420px | |
35 doc.docElem.clientHeight = 420px | |
36 doc.docElem.offsetHeight = 420px | |
37 doc.docElem.scrollHeight = 420px | |
38 doc.body.clientHeight = 420px | |
39 doc.body.offsetHeight = 420px | |
40 doc.body.scrollHeight = 420px | |
41 | |
42 | |
OLD | NEW |