javascript - window.innerwidth 的意外行为

Question

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

我正在使用上面的代码来查找网页的可用宽度。它大部分时间都有效。但在某些移动浏览器(Mobile 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 中的测试强制为 bool 值。

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

在函数中包含多个 on return 语句并不总是被认为是最佳实践。您可以按如下方式更清楚地说明这一点。

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

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