郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > javascript教程 >

js获取移动端屏幕高度和宽度等设备尺寸

来源:web前端开发 作者: 博彩评级 日期:2016-08-26 人气:
js获取移动端屏幕高度和宽度等设备尺寸,兼容性比较好的方法:document.documentElement.clientWidth;document.documentElement.clientHeight; 这段js代码得到的就是移动设备的可见宽高
js获取移动端屏幕高度和宽度等设备尺寸,兼容性比较好的方法:

document.documentElement.clientWidth;
document.documentElement.clientHeight;


这段js代码得到的就是移动设备的可见宽高,比如iPhone 4s在微信内设置了viewport为1的时候为320*416(手机480 - 微信状态栏64),iPhone 5里为320*504,
其他的计算方式兼容性均不好,

document.documentElement是个什么鬼?documentElement 是整个节点树的根节点root,即<html> 标签,而body是子节点,要访问到body标签,在脚本中应该写:document.body

如下各种尺寸在移动端均不能获得真实的屏幕高度和宽度等设备尺寸

本文地址:http://www.qqydc.com/javascript/jshqyddpmgdhkddsbcc_1021.html
文章摘要:js获取移动端屏幕高度和宽度等设备尺寸,人心所归不慎重大宅,触目恸心终老求其友声。

<script language="javascript">
var h = "";
h += " 网页可见区域宽:"+ document.body.clientWidth+"\n";
h += " 网页可见区域高:"+ document.body.clientHeight+"\n";
h += " 网页可见区域宽:"+ document.body.offsetWidth +" (包括边线和滚动条的宽)"+"\n";
h += " 网页可见区域高:"+ document.body.offsetHeight +" (包括边线的宽)"+"\n";
h += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";
h += " 网页正文全文高:"+ document.body.scrollHeight+"\n";
h += " 网页被卷去的上:"+ document.body.scrollTop+"\n";
h += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";
h += " 网页正文部分上:"+ window.screenTop+"\n";
h += " 网页正文部分左:"+ window.screenLeft+"\n";
h += " 屏幕分辨率的宽:"+ window.screen.width+"\n";
h += " 屏幕分辨率的高:"+ window.screen.height+"\n";
h += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";
h += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";
h += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";
h += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";
alert(h);
</script>
本文链接:js获取移动端屏幕高度和宽度等设备尺寸http://www.qqydc.com/javascript/jshqyddpmgdhkddsbcc_1021.html

js获取移动端屏幕高度和宽度等设备尺寸由博彩评级收集整理,您可以自由传播,请主动带上本文链接

博彩评级就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

(责任编辑:博彩评级)