OLD | NEW |
1 Tests that device emulation affects media rules, viewport meta tag, body dimensi
ons and window.screen. | 1 Tests that device emulation with insets affects window.screenWidth, window.scree
nHeight, screen.width and screen.height. |
2 | 2 |
3 Page reloaded. | 3 Page reloaded. |
4 Emulating device: 1200x1000x1 viewport='none' | 4 Emulating device: 1200x1000x1 viewport='none' |
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 = 10px |
8 window.screenY = 0px | 8 window.screenY = 20px |
9 Viewport: = ?none | 9 Viewport: = ?none |
10 @media orientation = landscape | 10 @media orientation = landscape |
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 = 1200px | 16 @media device-width = 1240px |
17 screen.width = 1200px | 17 screen.width = 1240px |
18 screen.availWidth = 1200px | 18 screen.availWidth = 1240px |
19 window.outerWidth = 1200px | 19 window.outerWidth = 1200px |
20 window.innerWidth = 1200px | 20 window.innerWidth = 1200px |
21 @media width = 1200px | 21 @media width = 1200px |
22 doc.docElem.clientWidth = 1200px | 22 doc.docElem.clientWidth = 1200px |
23 doc.docElem.offsetWidth = 1200px | 23 doc.docElem.offsetWidth = 1200px |
24 doc.docElem.scrollWidth = 1200px | 24 doc.docElem.scrollWidth = 1200px |
25 doc.body.clientWidth = 1200px | 25 doc.body.clientWidth = 1200px |
26 doc.body.offsetWidth = 1200px | 26 doc.body.offsetWidth = 1200px |
27 doc.body.scrollWidth = 1200px | 27 doc.body.scrollWidth = 1200px |
28 Heights: | 28 Heights: |
29 @media device-height = 1000px | 29 @media device-height = 1060px |
30 screen.height = 1000px | 30 screen.height = 1060px |
31 screen.availHeight = 1000px | 31 screen.availHeight = 1060px |
32 window.outerHeight = 1000px | 32 window.outerHeight = 1000px |
33 window.innerHeight = 1000px | 33 window.innerHeight = 1000px |
34 @media height = 1000px | 34 @media height = 1000px |
35 doc.docElem.clientHeight = 1000px | 35 doc.docElem.clientHeight = 1000px |
36 doc.docElem.offsetHeight = 1000px | 36 doc.docElem.offsetHeight = 1000px |
37 doc.docElem.scrollHeight = 1000px | 37 doc.docElem.scrollHeight = 1000px |
38 doc.body.clientHeight = 1000px | 38 doc.body.clientHeight = 1000px |
39 doc.body.offsetHeight = 1000px | 39 doc.body.offsetHeight = 1000px |
40 doc.body.scrollHeight = 1000px | 40 doc.body.scrollHeight = 1000px |
41 | 41 |
42 | 42 |
OLD | NEW |