javascript – window.innerwidth的意外行为

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中.

解决方法

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

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

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

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

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