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