javascript - 如何快速获取手机端的可视宽度？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

伊谢尔伦 2017-04-10 15:29:56

[JavaScript讨论组]

563

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

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(2)

伊谢尔伦2017-04-10 15:31:56 2楼

> 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

赞 +0

添加回复

天蓬老师2017-04-10 15:31:56 1楼

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可以找到相关属性.

赞 +0

添加回复