如何快速获取手机端的可视宽度？

Question

本人想获取手机端的浏览器可视宽度，以前的做法是通过JQ的框架来获取varsam_w=$('body').width();虽然获取了，可是这个过程要加载jq，会有一段页面空白的时间。然后，我想页面一打开就获取浏览器的可视宽度，不需要加载jq框架的，用原生的js就可以获取智能手机的可视化宽度。希望各位，大神帮帮忙。

Answer 1

>window.screen
Object{
"availWidth":1526,
"availHeight":900,
"availTop":0,
"availLeft":0,
"pixelDepth":24,
"colorDepth":24,
"width":1600,
"height":900
}
另外，可以用这两个值
document.body.clientWidth
document.body.scrollWidth
                            

Answer 2

console.log(window.innerWidth);//包括滚动条的宽度
console.log(window.document.body.clientWidth);//不包括滚动条的宽度
console.log(window.screen.availWidth);//浏览器能获得的最大宽度
$(window).width()和$(document).width()的值跟window.document.body.clientWidth相同.
Firebug控制台console.log(window)输出window对象,在DOM面板里搜索width可以找到相关属性.