window.outerWidth和window.outerHeight在iOS上不起作用
window.outerWidth和window.outerHeight是JavaScript中的两个属性，用于获取浏览器窗口的外部宽度和高度。它们通常用于确定浏览器窗口的尺寸，以便进行响应式布局或其他相关操作。
然而，在iOS上，这两个属性可能不起作用。这是因为iOS系统的安全机制限制了对浏览器窗口尺寸的访问。iOS系统不允许JavaScript直接获取浏览器窗口的外部尺寸，而只能获取内部尺寸（即浏览器视口的尺寸）。
要解决这个问题，可以使用其他方法来获取浏览器窗口的尺寸。例如，可以使用document.documentElement.clientWidth和document.documentElement.clientHeight属性来获取浏览器视口的宽度和高度。这两个属性返回的值是以像素为单位的整数，表示可见区域的宽度和高度。
另外，如果需要获取设备屏幕的尺寸，可以使用window.screen.width和window.screen.height属性。这两个属性返回的值是以像素为单位的整数，表示设备屏幕的宽度和高度。
总结起来，window.outerWidth和window.outerHeight在iOS上可能不起作用，可以使用document.documentElement.clientWidth、document.documentElement.clientHeight、window.screen.width和window.screen.height等属性来获取浏览器窗口或设备屏幕的尺寸。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云移动开发服务：https://cloud.tencent.com/solution/mobile-development
- 腾讯云云原生应用服务：https://cloud.tencent.com/solution/cloud-native
- 腾讯云数据库服务：https://cloud.tencent.com/product/cdb
- 腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
- 腾讯云音视频处理服务：https://cloud.tencent.com/product/mps
- 腾讯云人工智能服务：https://cloud.tencent.com/product/ai
- 腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
- 腾讯云存储服务：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙服务：https://cloud.tencent.com/solution/metaverse
相关·内容
在iOS设备上，宽度和高度的结果如下所示为0。有人知道为什么它在iOS设备上不起作用吗？function setWidth() {
var outWindowHeight = window.outerHeight
浏览 2提问于2017-02-12得票数 1
回答已采纳
1回答
我已经开发了一个网站，可以在shooja.com上访问。它使用的是zepto而不是jQuery，并使用GSAP制作动画(尽管我不认为这些与问题有关)。在android浏览器上也可以。但在iPhone上(我已经在5和5s上检查过了)，它看起来旋转了180度，没有缩小。我可以想象缩放为meta标签的原因，但旋转没有任何意义。任何帮助都是非常感谢的。do } var sc = Math.max(
浏览 3提问于2016-08-27得票数 0
回答已采纳
为什么这个代码可以在Safari和Chrome中工作，而不能在IE或FF中工作？JS w.value = window.outerWidth;}<inputvar width = document.getElementById("w");width.value = <e
浏览 0提问于2012-02-08得票数 5
回答已采纳
最近，我开始在一个网站上工作，学习HTML/CCS/JS，并意识到我不知道如何执行。基本上，我希望浮动的文本，目前左右移动，并从窗口边框反弹，以反弹，以及其他。这是我的网站，以供参考文本如何在周围反弹 myContainer = document.getElementById|| x2 > window.outerWidth) dx2 = -dx2;
if (y2 < 0 || y2 > w
浏览 7提问于2017-05-01得票数 0
回答已采纳
我正在尝试确定访问页面的屏幕的当前宽度，并尝试在浏览器、铬仿真器和三星手机中运行良好的window.screen.width。但是，如果我在实际的iPhone或iPad上做同样的操作，当设备处于横向模式时，宽度将显示为高度。
浏览 1提问于2015-12-15得票数 1
3回答
window.screenY : window.screenTop, outerHeight = typeof window.outerHeight !window.outerHeight : (document.body.clientHeight - 22),
width
浏览 0提问于2010-05-19得票数 1
这段代码在safari浏览器中运行良好。在chrome中的streches图像和在firefox文本中删除图片是动态生成的。
浏览 3提问于2018-09-25得票数 1
1回答
对于我目前的项目，我需要优化页面布局在景观模式的移动设备。你能帮我了解一下测量浏览器窗口大小的不同方法吗？当我使用以下CSS时..。景观模式在景观模式下，事情似乎更加复杂。在我的测试中，我显式地将整个<html>标记的维度设置为100vw x 100vh，将
浏览 1提问于2019-03-07得票数 5
1回答
请考虑以下几点：通常，这不会有什么明显的效果，因为您正在将窗口大小调整为其原始大小。但是，在Microsoft Edge中，有一些高度和宽度没有包含在outerWidth/outerHeight中，而是添加到resizeTo中提供的高度/宽度中
有没有人看过这个？有没有什么办法呢？
浏览 6提问于2017-01-31得票数 1
回答已采纳
我的问题是，我是否可以使用Cordova获得运行中的android应用程序的ios版本？我尝试过添加这样一个平台：cordova platform add ioscordova build ios自动创建的config.xml(ios)如下所示： <
浏览 3提问于2016-04-04得票数 0
回答已采纳
但是，它在IE中不起作用。请告诉我如何修理它。td><tr><td id=ft colspan=3>{{foot}}</td></tr>
</table><script>if (window.outerWidth
浏览 0提问于2011-05-11得票数 2
回答已采纳
我知道有像窗口，innerHeight等的东西。我可以检索我的浏览器的实际窗口高度(包括它的所有工具栏等)吗？？如果可能的话，跨浏览器？
浏览 1提问于2010-08-31得票数 0
回答已采纳
1回答
我在想，我是否可以根据浏览器的宽度和高度在HTML文件中定位图像。我知道如果我想改变图像的宽度/高度，我可以这样做： alert("Width is " + window.outerWidth+ " height is " + window.outerHeight);
var canvas = document.getEleme
浏览 0提问于2015-08-06得票数 2
回答已采纳
3回答
我想知道如何不断地获得当前浏览器的高度和宽度。我尝试过搜索答案，但我似乎找不到适用的东西，尽管我确信其他很多人也有同样的问题(我不认为我在搜索正确的关键字！)请让我知道我能做什么！！谢谢!
浏览 0提问于2015-08-04得票数 1
回答已采纳
当facebook弹出窗口打开时，输入电子邮件和密码后，弹出窗口不会关闭。应该在成功登录后加载的页面加载到弹出窗口本身中。如果我手动关闭这个弹出窗口并刷新父页面，那么一切工作正常。我在javascript中使用了windows.close和window.opener.location.reload函数，但似乎不起作用我的控制器 outerWidth = typeof <em
浏览 3提问于2013-09-18得票数 1
没有重复的那么，如何在JavaScript WinRT应用程序中获得屏幕分辨率呢？
浏览 0提问于2013-06-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
