API tools faq
paste
Advertisement
Guest User

IE11 and Edge window values for viewport

a guest
Sep 10th, 2015
742
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.87 KB | None | 0 0
raw download clone embed print report
  1. http://jsbin.com/palata
  2.  
  3.  
  4. INTERNET EXPLORER 11 (Windows 10, 8" tablet, portrait, 1024x1920 physical pixels screen).
  5.  
  6. IE11 Win10 Tablet Mode (Tablet mode is always fullscreen)
  7. document.documentElement.clientWidth: 783
  8. document.documentElement.offsetWidth: 783
  9. window.innerWidth: 800
  10. window.outerWidth: 816
  11. screen.width: 800
  12. screen.availWidth: 800
  13. document.documentElement.getBoundingClientRect().width: 783
  14. tester.offsetWidth: 783
  15.  
  16. IE11 Win10 Tablet Mode Pinch-Zoom
  17. document.documentElement.clientWidth: 783
  18. document.documentElement.offsetWidth: 783
  19. window.innerWidth: 443
  20. window.outerWidth: 816
  21. screen.width: 800
  22. screen.availWidth: 800
  23. document.documentElement.getBoundingClientRect().width: 783
  24. tester.offsetWidth: 783
  25.  
  26. IE11 Win10 Tablet Mode Page-Zoom (125%)
  27. document.documentElement.clientWidth: 626
  28. document.documentElement.offsetWidth: 626
  29. window.innerWidth: 640
  30. window.outerWidth: 653
  31. screen.width: 640
  32. screen.availWidth: 640
  33. document.documentElement.getBoundingClientRect().width: 626.39996333789062
  34. tester.offsetWidth: 626
  35.  
  36. IE11 Win10 Tablet Mode Page-Zoom (125%) and Pinch-Zoom
  37. document.documentElement.clientWidth: 626
  38. document.documentElement.offsetWidth: 626
  39. window.innerWidth: 354
  40. window.outerWidth: 653
  41. screen.width: 640
  42. screen.availWidth: 640
  43. document.documentElement.getBoundingClientRect().width: 626.39996333789062
  44. tester.offsetWidth: 626
  45.  
  46. IE11 Win10 "Desktop Mode" (Tablet Mode OFF) Maximised-Window
  47. document.documentElement.clientWidth: 783
  48. document.documentElement.offsetWidth: 783
  49. window.innerWidth: 800
  50. window.outerWidth: 816
  51. screen.width: 800
  52. screen.availWidth: 800
  53. document.documentElement.getBoundingClientRect().width: 783
  54. tester.offsetWidth: 783
  55.  
  56. IE11 Win10 "Desktop Mode" (Tablet Mode OFF) Maximised-Window Pinch-Zoom
  57. document.documentElement.clientWidth: 783
  58. document.documentElement.offsetWidth: 783
  59. window.innerWidth: 504
  60. window.outerWidth: 816
  61. screen.width: 800
  62. screen.availWidth: 800
  63. document.documentElement.getBoundingClientRect().width: 783
  64. tester.offsetWidth: 783
  65.  
  66. IE11 Win10 "Desktop Mode" (Tablet Mode OFF) Maximised-Window Page-Zoom (125%)
  67. document.documentElement.clientWidth: 626
  68. document.documentElement.offsetWidth: 626
  69. window.innerWidth: 640
  70. window.outerWidth: 653
  71. screen.width: 640
  72. screen.availWidth: 640
  73. document.documentElement.getBoundingClientRect().width: 626.39996333789062
  74. tester.offsetWidth: 626
  75.  
  76. IE11 Win10 "Desktop Mode" (Tablet Mode OFF) F11-Fullscreen
  77. document.documentElement.clientWidth: 783
  78. document.documentElement.offsetWidth: 783
  79. window.innerWidth: 800
  80. window.outerWidth: 800
  81. screen.width: 800
  82. screen.availWidth: 800
  83. document.documentElement.getBoundingClientRect().width: 783
  84. tester.offsetWidth: 783
  85.  
  86. IE11 Win10 "Desktop Mode" (Tablet Mode OFF) Window
  87. document.documentElement.clientWidth: 483
  88. document.documentElement.offsetWidth: 483
  89. window.innerWidth: 500
  90. window.outerWidth: 516
  91. screen.width: 800
  92. screen.availWidth: 800
  93. document.documentElement.getBoundingClientRect().width: 483
  94. tester.offsetWidth: 483
  95.  
  96.  
  97. METRO INTERNET EXPLORER 11 (On Windows 8.1, running in virtual machine with a 1385 physical pixel width screen).
  98.  
  99. IE11 Win8.1 Metro
  100. document.documentElement.clientWidth: 1385
  101. document.documentElement.offsetWidth: 1385
  102. window.innerWidth: 1385
  103. window.outerWidth: 1385
  104. screen.width: 1385
  105. screen.availWidth: 1385
  106. document.documentElement.getBoundingClientRect().width: 1385
  107. tester.offsetWidth: 1385
  108.  
  109. IE11 Win8.1 Metro Page-Zoom
  110. document.documentElement.clientWidth: 791
  111. document.documentElement.offsetWidth: 791
  112. window.innerWidth: 791
  113. window.outerWidth: 791
  114. screen.width: 791
  115. screen.availWidth: 791
  116. document.documentElement.getBoundingClientRect().width: 791.4299926757812
  117. tester.offsetWidth: 791
  118.  
  119. IE11 Win8.1 Metro Pinch-Zoom
  120. NOT TESTED - I am somewhat sure that window.innerWidth changes
  121.  
  122. IE11 Win8.1 Metro Side-by-side/snap
  123. document.documentElement.clientWidth: 2048
  124. document.documentElement.offsetWidth: 2048
  125. window.innerWidth: 2048
  126. window.outerWidth: 2048
  127. screen.width: 3287
  128. screen.availWidth: 3287
  129. document.documentElement.getBoundingClientRect().width: 2048
  130. tester.offsetWidth: 2048
  131.  
  132.  
  133. DESKTOP INTERNET EXPLORER 11 (On Windows 8.1, running in virtual machine with a 1385 physical pixel width screen).
  134.  
  135. IE11 Win8.1 Desktop Maximised
  136. document.documentElement.clientWidth: 1368
  137. document.documentElement.offsetWidth: 1368
  138. window.innerWidth: 1385
  139. window.outerWidth: 1401
  140. screen.width: 1385
  141. screen.availWidth: 1385
  142. document.documentElement.getBoundingClientRect().width: 1368
  143. tester.offsetWidth: 1368
  144.  
  145. IE11 Win8.1 Desktop F11-Fullscreen
  146. document.documentElement.clientWidth: 1368
  147. document.documentElement.offsetWidth: 1368
  148. window.innerWidth: 1385
  149. window.outerWidth: 1385
  150. screen.width: 1385
  151. screen.availWidth: 1385
  152. document.documentElement.getBoundingClientRect().width: 1368
  153. tester.offsetWidth: 1368
  154.  
  155. IE11 Win8.1 Desktop F11-Fullscreen Page-Zoom (150%)
  156. document.documentElement.clientWidth: 912
  157. document.documentElement.offsetWidth: 912
  158. window.innerWidth: 923
  159. window.outerWidth: 923
  160. screen.width: 923
  161. screen.availWidth: 923
  162. document.documentElement.getBoundingClientRect().width: 912
  163. tester.offsetWidth: 912
  164.  
  165. IE11 Win8.1 Desktop Window (window 1024 pixels wide including border)
  166. document.documentElement.clientWidth: 991
  167. document.documentElement.offsetWidth: 991
  168. window.innerWidth: 1008
  169. window.outerWidth: 1024
  170. screen.width: 1385
  171. screen.availWidth: 1385
  172. document.documentElement.getBoundingClientRect().width: 991
  173. tester.offsetWidth: 991
  174.  
  175. IE11 Win8.1 Desktop Pinch-Zoom
  176. not tested
  177.  
  178.  
  179. MOBILE INTERNET EXPLORER 11 (On Windows Phone 8.1 Update 2, Nokia 635, portrait).
  180.  
  181. IE11 WP8.1U2
  182. document.documentElement.clientWidth: 1024
  183. document.documentElement.offsetWidth: 1024
  184. window.innerWidth: 1024
  185. window.outerWidth: 357
  186. screen.width: 357
  187. screen.availWidth: 357
  188. document.documentElement.getBoundingClientRect().width: 1024
  189. tester.offsetWidth: 1024
  190.  
  191. IE11 WP8.1U2 Pinch-zoomed
  192. document.documentElement.clientWidth: 1024
  193. document.documentElement.offsetWidth: 1024
  194. window.innerWidth: 561
  195. window.outerWidth: 357
  196. screen.width: 357
  197. screen.availWidth: 357
  198. document.documentElement.getBoundingClientRect().width: 1024
  199. tester.offsetWidth: 1024
  200.  
  201.  
  202. INTERNET EXPLORER 12 (Windows 10, 8" tablet, portrait, 1024x1920 physical pixels screen).
  203.  
  204. Edge IE12 Win10 Tablet Mode
  205. document.documentElement.clientWidth: 1024
  206. document.documentElement.offsetWidth: 1024
  207. window.innerWidth: 1024
  208. window.outerWidth: 1044
  209. screen.width: 1024
  210. screen.availWidth: 1024
  211. document.documentElement.getBoundingClientRect().width: 1024
  212. tester.offsetWidth: 1024
  213.  
  214. Edge IE12 Win10 Tablet Mode pinch-zoom
  215. document.documentElement.clientWidth: 1024
  216. document.documentElement.offsetWidth: 1024
  217. window.innerWidth: 523
  218. window.outerWidth: 1044
  219. screen.width: 1024
  220. screen.availWidth: 1024
  221. document.documentElement.getBoundingClientRect().width: 1024
  222. tester.offsetWidth: 1024
  223.  
  224. Edge IE12 Win10 Tablet Mode Page-zoom
  225. document.documentElement.clientWidth: 819
  226. document.documentElement.offsetWidth: 819
  227. window.innerWidth: 819
  228. window.outerWidth: 836
  229. screen.width: 819
  230. screen.availWidth: 819
  231. document.documentElement.getBoundingClientRect().width: 819.199951171875
  232. tester.offsetWidth: 819
  233.  
  234. Edge IE12 Win10 "Desktop Mode" (Tablet Mode OFF)
  235. document.documentElement.clientWidth: 788
  236. document.documentElement.offsetWidth: 788
  237. window.innerWidth: 800
  238. window.outerWidth: 816
  239. screen.width: 800
  240. screen.availWidth: 800
  241. document.documentElement.getBoundingClientRect().width: 788
  242. tester.offsetWidth: 788
  243.  
  244. Edge IE12 Win10 "Desktop Mode" (Tablet Mode OFF) Pinch-Zoom
  245. document.documentElement.clientWidth: 788
  246. document.documentElement.offsetWidth: 788
  247. window.innerWidth: 453
  248. window.outerWidth: 816
  249. screen.width: 800
  250. screen.availWidth: 800
  251. document.documentElement.getBoundingClientRect().width: 788
  252. tester.offsetWidth: 788
  253.  
  254. Edge IE12 Win10 "Desktop Mode" (Tablet Mode OFF) Page-Zoom
  255. document.documentElement.clientWidth: 630
  256. document.documentElement.offsetWidth: 630
  257. window.innerWidth: 640
  258. window.outerWidth: 653
  259. screen.width: 640
  260. screen.availWidth: 640
  261. document.documentElement.getBoundingClientRect().width: 630.3999633789062
  262. tester.offsetWidth: 630
  263.  
  264. Edge IE12 Win10 "Desktop Mode" (Tablet Mode OFF) Page-Zoom and Pinch-zoom
  265. document.documentElement.clientWidth: 630
  266. document.documentElement.offsetWidth: 630
  267. window.innerWidth: 475
  268. window.outerWidth: 653
  269. screen.width: 640
  270. screen.availWidth: 640
  271. document.documentElement.getBoundingClientRect().width: 630.3999633789062
  272. tester.offsetWidth: 630
  273.  
  274. Edge IE12 Win10 "Desktop Mode" (Tablet Mode OFF) in a Window (Window 690px physical pixel wide?)
  275. document.documentElement.clientWidth: 662
  276. document.documentElement.offsetWidth: 662
  277. window.innerWidth: 674
  278. window.outerWidth: 690
  279. screen.width: 800
  280. screen.availWidth: 800
  281. document.documentElement.getBoundingClientRect().width: 662
  282. tester.offsetWidth: 662
  283.  
  284. Edge IE12 Win10 F11 full-screen
  285. F11 not supported by Edge
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!