window.innerwidth的意外行为

Question

if(window.innerWidth) {
    return window.innerWidth;
}
return $(window).width();

我使用上面的代码来查找网页的可用宽度.它大部分时间都有效.但在一些移动浏览器(移动Chrome和一些),有时在桌面网站,它返回0.我不知道,出了什么问题？

Mozilla/5.0(Linux; Android 5.1.1; SM-J500M Build/LMY48B)AppleWebKit/537.36(KHTML,与Gecko一样)Chrome/56.0.2924.87 Mobile Safari/537.36

这是失败的用户代理之一.大多数情况下它发生在android浏览器的移动Chrome中.

Answer 1

您可以尝试强制测试if成为布尔值.

if(!!window.innerWidth) {
  return window.innerWidth;
}
return $(window).width();

在return函数中使用多于语句并不总是被认为是最佳实践.你可以更清楚地说明如下.

return !!window.innerWidth ?
   window.innerWidth :
   $(window).width();

如果这不起作用,那么问题是您在jQuery的width方法中发现了一个错误.