Javascript 计算移动设备上的屏幕高度

Javascript 计算移动设备上的屏幕高度,javascript,android,iphone,Javascript,Android,Iphone,这让我发疯。很多时候,我都有旋转木马,我需要用JavaScript响应地重置屏幕高度。问题在于,对于移动设备,屏幕高度包括顶部的小URL窗口,因此页面高度由“window.innerHeight”或$(window.height()计算;他走了。有解决办法吗?总是发生这种情况。请改用“clientWidth”和“clientHeight” 这取决于缩放是否受视口影响。只需使用普通js即可获得值。这将更容易控制: //屏幕 var w=屏幕宽度; var h=屏幕高度; log('screen=

这让我发疯。很多时候,我都有旋转木马,我需要用JavaScript响应地重置屏幕高度。问题在于,对于移动设备,屏幕高度包括顶部的小URL窗口,因此页面高度由“window.innerHeight”或$(window.height()计算;他走了。有解决办法吗?总是发生这种情况。

请改用“clientWidth”和“clientHeight”


这取决于缩放是否受视口影响。只需使用普通js即可获得值。这将更容易控制:

//屏幕
var w=屏幕宽度;
var h=屏幕高度;
log('screen=',w',和',h);
//比例筛
var比率=window.devicePixelRatio | | 1;
var w=屏幕宽度*比率;
var h=屏幕高度*比率;
log('screen=',w',和',h);
//文件
//不再支持PS document.width和document.height
var w=窗口宽度
||IE 8或更低版本的document.documentElement.clientWidth//
||document.body.clientWidth//对于IE 8或更低版本
var h=窗内高度
||document.documentElement.clientHeight//用于IE 8或更低版本
||document.body.clientHeight//对于IE 8或更低版本
log('client=',w',和',h);
//文件抵销
var w=document.body.offsetWidth
var h=document.body.offsetHeight
log('offset=',w',和',h);
//文档分数偏移
var c=document.body.getBoundingClientRect()
控制台日志(c);
//卷轴
var x=window.scrollX | | window.pageXOffset;
var y=window.scrollY | | window.pageYOffset;

log('scroll=',x',和',y)据我所知,所有浏览器都支持这些属性