javascript - window.innerwidth 的意外行为

标签 javascript android jquery google-chrome

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

最佳答案

您可以尝试将 if 中的测试强制为 bool 值。

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

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

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

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

关于javascript - window.innerwidth 的意外行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42594121/

相关文章:

javascript - 如何自动将文件拖放到 headless 浏览器的窗口中?

android - MediaPlayer seekTo 不起作用

java - Android:应用程序关闭时从后台推送动态通知

jQuery 触发自定义事件

jquery - 选择一组元素的最有效方法

jquery - Plupload 文件列表元素

javascript - 几个小的reduce vs 一个大的forEach?

javascript - 链接可以在浏览器中使用并提供 JSON,但不能在 Angular 中使用

javascript - Node.js 未从 'public/views' 路由渲染 html 页面

Android:可滚动(水平和垂直)的带有按钮覆盖的 ImageView