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的宽度方法中发现了一个错误。