转载 JS获取当前手机浏览器可视区域大小

这是才是正确的答案:
var w=window.innerWidth|| document.documentElement.clientWidth || document.body.clientWidth; var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;  
这是操蛋的答案:

function getInfo(){

var s = "";

s += " 网页可见区域宽:"+ document.body.clientWidth+"\n";

s += " 网页可见区域高:"+ document.body.clientHeight+"\n";

s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"+"\n";

s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"+"\n";

s += " 网页正文全文宽:"+ document.body.scrollWidth+"\n";

s += " 网页正文全文高:"+ document.body.scrollHeight+"\n";

s += " 网页被卷去的高(ff):"+ document.body.scrollTop+"\n";

s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop+"\n";

s += " 网页被卷去的左:"+ document.body.scrollLeft+"\n";

s += " 网页正文部分上:"+ window.screenTop+"\n";

s += " 网页正文部分左:"+ window.screenLeft+"\n";

s += " 屏幕分辨率的高:"+ window.screen.height+"\n";

s += " 屏幕分辨率的宽:"+ window.screen.width+"\n";

s += " 屏幕可用工作区高度:"+ window.screen.availHeight+"\n";

s += " 屏幕可用工作区宽度:"+ window.screen.availWidth+"\n";

s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"+"\n";

s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"+"\n";

alert (s);

}

getInfo();

原文地址:https://www.cnblogs.com/jlove/p/9058047.html

时间: 2024-11-13 09:42:29

转载 JS获取当前手机浏览器可视区域大小的相关文章

JS获取当前手机浏览器可视区域大小

function getInfo(){ var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; s += " 网页可见区域高:"+ document.body.clientHeight+"\n"; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条

Android获取窗口可视区域大小: getWindowVisibleDisplayFrame()

getWindowVisibleDisplayFrame()方法 getWindowVisibleDisplayFrame()是View类下的一个方法,从方法的名字就可以看出,它是用来获取当前窗口可视区域大小的.就是contentParentView +actionbar的高度 此方法的原型为 public void getWindowVisibleDisplayFrame(Rect outRect); 1 它接受一个Rect对象作为参数,执行过程中会根据当前窗口可视区域大小更新outRect的

JS获取浏览器可视区域尺寸

在没有声明DOCTYPE的IE中,浏览器显示窗口大小只能以下获取: document.body.offsetWidth document.body.offsetHeight 在声明了DOCTYPE的浏览器中,可以用以下来获取浏览器显示窗口大小: document.documentElement.clientWidth document.documentElement.clientHeight IE,FF,Safari皆支持该方法,opera虽支持该属性,但是返回的是页面尺寸: 同时,除了IE以外

图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法

有时我们需要获得浏览器窗口或屏幕的大小.窗口下拉框下拉的距离等数据,对应这些需求,js中提供了不少解决方法,只是数量稍多容易混淆它们各自的意义,下面咱们用图例来解释下12个常见对象属性的作用. 其中有6个常用的浏览器窗体属性(由于offsetWidth/Height在不同浏览器下表现有出入,故不在本章讨论): document.documentElement.clientWidth document.documentElement.clientHeight document.documentEl

js获取滚动条距离浏览器顶部,底部的高度,兼容ie和firefox

做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作.下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的. 获取窗口可视范围的高度 function getClientHeight(){ var clientHeight=0; if(document.body.clientHeight&&document.documentElement.clientHeight){ var clientHeig

Selenium2学习-022-WebUI自动化实战实例-020-JavaScript 在 Selenium 自动化中的应用实例之二(获取浏览器显示区域大小)

前几篇文章中简略概述了,如何获取.设置浏览器窗口大小,那么我们该如何获取浏览器显示区域的大小呢?此文讲对此进行简略概述,敬请各位小主参阅.若有不足之处,敬请各位大神指正,不胜感激! 获取浏览器显示区域的方法,我目前想到的只有以下两种方法: 1.通过 JavaScript  获取浏览器显示区域的大小 2.通过 WebDriver 截图,获取截图的大小,从而获得浏览器显示区域的大小 此文主要以第一种方法示例演示,第二种方法进行后续更新,敬请期待!谢谢! 1 /** 2 * Get width and

JQuery 获取元素到浏览器可视窗口边缘的距离

获取元素到浏览器可视窗口边缘的距离 by:授客 QQ:1033553122 1.   测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js Bootstrap-3.3.7-dist 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/bootstrap-3.3.7.zip

浏览器窗口可视区域大小

http://www.imooc.com/code/1702 浏览器窗口可视区域大小 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一.对于IE9+.Chrome.Firefox.Opera 以及 Safari: •  window.innerHeight - 浏览器窗口的内部高度 •  window.innerWidth - 浏览器窗口的内部宽度 二.对于 Internet Explorer 8.7.6.5: •  document.documentElement.cli

Javascript---浏览器窗口可视区域大小

Javascript---浏览器窗口可视区域大小 在IE 9+,Chrome, Firefox.Opera,Safari中 浏览器窗口的内部高度   window.innerHeight 浏览器窗口的内部宽度   window.innerWindth 在所有浏览器都通用的JS方案   宽度 1 var w =document.documentElement.clientWidth 2 var w =document.body.clientWidth 高度 1 var w =document.do