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

  • 内容
  • 评论
  • 相关

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

 

评论

0条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注