因為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/Abner5/p/6016973.html