在不使用jQuery的情况下获取移动设备(尤其是iPhone)的窗口高度

时间:2013-08-14 22:46:11

标签: javascript iphone ios html5 mobile

SO上获取设备高度的所有答案似乎都基于jQuery。在加载jQuery代码之前,我们需要纯JavaScript中的一些东西。

3 个答案:

答案 0 :(得分:25)

document.documentElement.clientHeight

还有许多其他方法:http://responsejs.com/labs/dimensions/

答案 1 :(得分:12)

可能有点晚,但请使用window.screen.height

答案 2 :(得分:1)

在大多数情况下, $(窗口).height(); 完成工作。但是,在iOS上,由于工具栏的原因,它会产生错误的结果,与 $(window).outerHeight(); 相同。正确的值是 window.outerHeight

试试这个:

(typeof window.outerHeight != 'undefined')?Math.max(window.outerHeight, $(window).height()):$(window).height()