JS获取设备分辨率、宽、高

Karry Bai 2018-08-04 PM 85℃ 0条

JS获取显示设备的分辨率

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

JS获取显示设备可用工作区信息
屏幕可用工作区宽度:window.screen.availWidth
屏幕可用工作区高度:window.screen.availHeight

JS获取显示设备其他信息
你的屏幕设置颜色位数:window.screen.colorDepth 位彩色
你的屏幕设置 像素/英寸: window.screen.deviceXDPI 像素/英寸

 

JS获取浏览器的显示相关信息
网页可见区域宽: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

 

JQuery 获取浏览器的显示相关信息
$("body").width():width()返回元素的宽高,不包括padding/border/margin
$("body").innerWidth():innerWidth()返回元素的宽高 + padding
$("body").outerWidth():outerWidth()返回元素的宽高 + padding + border
$("body").outerWidth(true):outerWidth(true)返回元素宽高 + padding + border + margin
$(window).height():浏览器当前窗口可视区域高度
$(document).height():浏览器当前窗口文档的高度
$(document.body).height():浏览器当前窗口文档body的高度
$(document.body).outerHeight(true):浏览器当前窗口文档body的总高度 包括border padding margin
$(window).width():浏览器当前窗口可视区域宽度
$(document).width():浏览器当前窗口文档对象宽度
$(document.body).width():浏览器当前窗口文档body的高度
$(document.body).outerWidth(true:浏览器当前窗口文档body的总宽度 包括border padding margin

 

非特殊说明,本博所有文章均为博主原创。

评论啦~