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

      因为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