JS获取浏览器信息及屏幕分辨率

摘要:
因为vue有自己的生命周期,所以在初始化数据时,它可以在钩子函数created()中初始化数据,也可以在mounted()函数中获取数据,但两者不同。当获取浏览器和屏幕分辨率时,它无法在created()中获取数据,因为此时既没有生成窗口也没有生成文档。因此,在mounted()或其他触发方法中,可以获取网页可见区域的宽度:document.body.clientWidth

      因为vue有自己的生命周期,初始化数据的时候,可以在钩子函数created()函数里初始化数据,也可以在mounted()函数里获取,但是两者是不同的,获取浏览器和屏幕分辨率的时候,不能在created()里获取,因为此时 window和document都还没有生成,所以在mounted()里或者生成之通过其他触发的方法来获取

网页可见区域宽:document.body.clientWidth 

网页可见区域高:document.body.clientHeight 

网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽) 

网页可见区域高:document.body.offsetHeight(包括边线的宽) 

网页正文全文宽:document.body.scrollWidth 

网页正文全文高:document.body.scrollHeight 

网页被卷去的高:document.body.scrollTop 

网页被卷去的左:document.body.scrollLeft 

网页正文部分上:window.screenTop 

网页正文部分左:window.screenLeft 

屏幕分辨率的高:window.screen.height 

屏幕分辨率的宽:window.screen.width 

屏幕可用工作区高度:window.screen.availHeight 

屏幕可用工作区宽度:window.screen.availWidth 

屏幕设置 window.screen.colorDepth 位彩色 

屏幕设置 window.screen.deviceXDPI 像素/英寸

转自:https://www.cnblogs.com/jin-zhe/p/10491497.html

免责声明:文章转载自《JS获取浏览器信息及屏幕分辨率》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇锁和监视器之间的区别 – Java并发算法学习笔记——感知机原理及其代码实现下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Android程序对不同手机屏幕分辨率自适应的总结

各种Android操作系统的手机简直就是琳琅满目,屏幕分辨率的差异可想而知。目前比较主流的有WVGA=800x480,HVGA=480x320,另外的还有QVGA=320x240。当然还有魅族M9的DVGA=960x640,还有蛋疼的摩托罗拉的FWVGA=854x480。 其实,在你layout的xml文件中,编写的时候是不是用了许多的padding呢?...

VirtualBox中Ubuntu 14.04屏幕分辨率不能设置的问题

VirtualBox中Ubuntu 14.04屏幕分辨率不能设置的问题   在VirtualBOx虚拟机中Ubuntu 14.04设置屏幕分辨率,怎么点都没反应。 方法一:安装与你的Ubuntu-Guest版本最接近的VirtualBox Guest Additions版本,如下: sudo apt-get install virtualbox-guest...

android屏幕分辨率 的获取

谈到android屏幕分辨率,大家都知道,但是怎么正确的获取屏幕的分辨率呢?android2.22.34.04.1使用的方法一样吗? 答案是否定的。事物是发展变化的,android也不例外,android2.2、2.3因为标配是有触摸屏按钮的,也就是说触摸屏上BACK、HOME、MEAN是在触摸屏分辨率识别范围之外的。但是在android4.0以后,已经取...

[转]如何让Android字体自适应屏幕分辨率

本文转自:http://www.cnblogs.com/tt_mc/archive/2012/03/10/2389555.html 在不同的分辨率下,Android字体大小怎么自适应分辨率的变化? 假设需要适应320x240,480x320分辨率。在res目录下新建文件夹values-320x240,values-480x320。然后在文件夹values...

分析各种Android设备屏幕分辨率与适配

一. 数据采集    源码GitHub地址 :  -- SSH : git@github.com:han1202012/DisplayTest.git; -- HTTP : https://github.com/han1202012/DisplayTest;   . 使用下面的程序运行在不同设备上 :   package shuliang.han.dis...

VMware虚拟机屏幕大小只有400,800怎么办如何解决

一,VMware中Linux虚拟机屏幕分辨率调整之前安装修改Linux分辨率命令行 在VMware中安装Linux虚拟机后,屏幕分辨率通常默认设置为800x600,并且不能通过“屏幕分辨率首选项”窗口(系统->首选项->屏幕分辨率)进行设置。一般情况下,用户可以通过安装VMware Tools来解决这个问题,不过方法也并非只此一种: 1) 打开...