| 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 |