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

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/tyler-bog/p/11027527.html

时间: 2024-10-02 07:33:46

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

转载 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 +

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

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

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

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

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

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

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

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

浏览器窗口可视区域大小

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

Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小(无人值守,节约测试成本的福音,BOSS 最爱)

在 Web UI 自动化测试的过程中,通常会测试页面在不同分辨率下的显示效果,即在不同大小的显示器上全屏浏览器后的页面展示,此种测试方法需要购置不同大小的显示器,或者频繁的设置屏幕分辨率,不仅浪费了大量的金钱,同时也需要有人值守,从而使测试变成了半自动化,背离了自动化测试的初衷,也在一定程度上困扰了一定的自动化测试人员. 其实,不同分辨率下的测试,在一定程度上可以看做是浏览器窗口最大化后,浏览器可显示区域的页面样式兼容性测试.此文通过设置浏览器页面显示区域大小,从而摆脱上述种种问题的束缚.只需要

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

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