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