Android浏览器 - Javascript window.innerWidth返回错误的值
在这个问答内容中，我们讨论了Android浏览器上使用JavaScript时，window.innerWidth返回错误值的问题。现在，我们将全面地回答这个问题，并提供一些解决方案。
首先，window.innerWidth是一个JavaScript属性，用于获取浏览器窗口的宽度（以像素为单位）。然而，在某些Android设备上，这个属性可能会返回错误的值。这可能是由于以下原因：
- 设备分辨率和像素比（PPI）：不同设备的屏幕分辨率和像素比可能导致
window.innerWidth返回不同的值。 - 视口尺寸：Android浏览器可能会在某些设备上错误地报告视口尺寸。
- 浏览器兼容性：不同的浏览器可能会返回不同的值。
为了解决这个问题，我们可以尝试以下方法：
- 使用
document.documentElement.clientWidth代替window.innerWidth。这个属性通常会返回更准确的结果。 - 使用CSS媒体查询来适应不同的设备和屏幕尺寸。
- 使用第三方库，如Bootstrap或者jQuery，这些库可以帮助我们更好地处理跨浏览器和跨设备的兼容性问题。
最后，我们推荐使用腾讯云的Web应用防火墙（WAF）来保护您的Web应用程序免受常见的安全漏洞，包括跨站脚本攻击（XSS）和SQL注入攻击。腾讯云WAF还可以帮助您监控和分析Web应用程序的流量，以便更好地了解您的应用程序的安全状况。腾讯云WAF的详细信息可以在以下链接找到：https://cloud.tencent.com/product/waf
相关·内容
我使用的是Android G1默认的网页浏览器，并且我正在用JavaScript进行开发-当我放大或缩小网页时，我很难获得真实的视觉宽度和高度。当我放大/缩小时，我似乎从window.innerWidth中得到了错误的值。
我想要做的是-在视觉上固定的地方显示一个元素，即使当我缩放和滚动页面时也是如此。使用viewport meta-tag可能不是一个好的</em
浏览 2提问于2010-11-17得票数 8
我正在开发一款针对桌面、平板电脑和智能手机浏览器的网络应用程序。
这个网络应用程序有一个使用与iframe一起实现的照明盒。当浏览器窗口的大小调整或平板/电话的方向发生变化时，Javascript代码会查询窗口的大小，以便调整灯箱中的某些元素。我面临的问题是，所有的东西都可以在桌面上正常工作(Windows:即:火狐，Chrome，Mac: Safari)，iPad & iPhone，但在安卓智能手
浏览 4提问于2012-05-16得票数 34
我有一个使用Android WebView的应用程序，还有一些JavaScript。在点击onPageFinished()之前，我的JavaScript已启用并加载。
在JavaScript方法中，我使用了window.innerWidth。但是，它返回的值总是错误的，而且总是相同的。不管我的方向如何，它报告内部宽度为320，内部高度为240。(
浏览 0提问于2012-09-07得票数 11
回答已采纳
我需要创建一个Android应用程序，打开一个网页视图。在网页视图中，我尝试使用JavaScript在页面中调整图像的大小。有没有其他检测屏幕宽度的好方法？
浏览 1提问于2013-07-23得票数 0
1回答
if(window.innerWidth) {}我正在使用上面的代码来查找网页的可用宽度但是在一些移动浏览器(Mobile和一些浏览器)中，有时在桌面网站上，它返回0。我不知道，出什么事了？Mozilla/5.0 (Linux；Android5.1.1；SM-J500M Build/LMY48B) AppleWebKit/53
浏览 0提问于2017-03-04得票数 7
3回答
调整浏览器的大小
、、
我希望使用我的javascript或jquery代码调整浏览器的大小。我尝试过修改window.InnerRadius值。请function resize() { }
但这是行不通的。是否可以使用JavaScript
浏览 5提问于2017-03-17得票数 1
回答已采纳
我正在尝试检测浏览器窗口中是否存在垂直滚动条(如果内容超过窗口高度并溢出)。在对使用这些属性初始化的变量进行window.alert测试时，不管是否存在滚动条，pageYOffset总是返回，而其他两个返回似乎是空字符串的内容。我唯一的想法是，也许CSS定位冲突导致了这一切，但似乎没有这样的冲突.有什么想法，解决方案，解决办法吗？
浏览 2提问于2012-04-11得票数 1
回答已采纳
我使用screen.width来获取浏览器的宽度。它在iphone safari上运行良好，但在android手机上不起作用(它在android浏览器上显示800宽)。是否有任何兼容的方法来获得屏幕宽度。我不想用UserAgent来检查它的移动浏览器。想要使用javascript的逻辑应该包括屏幕宽度。
浏览 3提问于2011-12-15得票数 13
我使用的是getClientBoundingRect和jquery。每个方法都返回相同的结果(即在这个实例56中)，但是当我通过浏览器工具检查元素时，标题的高度是不同的(在这个实例中是98px)。只有当我重新加载页面时，Javascript才返回正确的高度。当我在下面的页面加载后直接在控制台中运行javascript时，它会返回正确的值。此外，我首先尝试使用767
浏览 1提问于2021-01-24得票数 1
回答已采纳
3回答
我有屏幕，然后当我们滚动屏幕时，屏幕大小改变，然后如何获得我们正在查看的屏幕的特定高度。我使用了window.innerHeight和screen.height。那么我的屏幕高度到底是多少？
浏览 2提问于2014-04-25得票数 1
回答已采纳
我正在探索JavaScript中的内置对象，并编写了以下代码来查看它们在Chrome中的返回值。console.log(window.innerWidth);据我所见，我正在阅读的这本书，Mozilla在这些属性上的文档，以及评论中链接的问题，innerWidth将显示viewport本身的宽度值，而没有任何浏览器</em
浏览 0提问于2018-06-03得票数 4
我使用window.innerHeight和window.innerWidth指令来获取浏览器的可用窗口大小。它可以在火狐，safari (在mac上)和android上运行，但我在iOS上得到了奇怪的结果。
iOS始终返回innerHeight=1091和innerWidth=980。我使用的是iPhone的iOS模拟器(我没有iOS /iPod)。iPhone和iPhone视网膜仿真器返回相同的
浏览 326提问于2011-01-08得票数 35
我正在将我的断点模块CSS导入到JavaScript中，并得到这样一个对象： large: "992px", small: "500px", xlarge: "1384px"从window.innerWidth中，我能够获得当前浏览器窗口宽度的整数值。我想使用一个函数，它从窗
浏览 9提问于2022-08-16得票数 0
回答已采纳
我可以在移动平台上买到window.innerWidth或window.innerHeight，比如iphone的android。var w = window.innerWidth;win
浏览 0提问于2013-06-28得票数 4
回答已采纳
我用这个来检查浏览器的宽度。我该怎么做？ if(navigator.userAgent.indexOf("840") !
浏览 5提问于2014-04-07得票数 0
回答已采纳
1回答
我想根据当前的浏览器窗口为viewport meta标签设置不同的参数，并且能够在调整大小时更改它们(首先删除当前的viewport meta标签，然后用新的替换它。脚本如下：var meta = document.createElement
浏览 0提问于2013-05-15得票数 1
回答已采纳
在html头中： var myWidth = 0, myHeight = 0; myWidth = window.innerWidth; myHeight = window.innerHeight;
} else if(document.body.clientWidth; myHeig
浏览 0提问于2011-10-29得票数 7
回答已采纳
5回答
我正在尝试检测浏览器的当前大小(宽度和高度)。我知道在jQuery中使用$(document).width and $(document).height非常容易，但我不想在项目中添加jQuery库的大小，所以我更喜欢使用内置的JavaScript。用JavaScript做同样的事情，最快捷有效的方法是什么？
浏览 0提问于2010-03-19得票数 49
回答已采纳
我在JavaScript中使用下面的表达式来获得屏幕的宽度，除了当滚动时包括垂直滚动条的宽度外，这个表达式看起来很好。var wMax = Math.max(document.documentElement.clientWidth, window.innerWidth || 0)更新1:
我发现下面的跨浏览器表达式给出了不包括垂
浏览 4提问于2014-12-06得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
