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

Question

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

Answer 1

>window.screenObject{"availWidth":1526,"availHeight":900,"availTop":0,"availLeft":0,"pixelDepth":24,"colorDepth":24,"width":1600,"height":900}另外，可以用这两个值document.body.clientWidthdocument.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可以找到相关属性.