我有一些全屏网页内容,当窗口使用调整大小事件更改大小时,我会更新这些内容。
window.onresize = function()
{
var width = window.innerWidth;
var height = window.innerHeight;
...
}
这在 Safari 应用程序中工作正常,但在 WKWebView
中不起作用。当设备在 WKWebView
中更改 iPhone 和 iPad 上的屏幕方向时,它会给出错误的窗口尺寸。
专门针对 iPad,我在导航 Controller 中显示 Web View 。当我切换到纵向模式时,我得到的是 (768x768) 尺寸,而不是 (768x960),这是正确的尺寸。
这个问题有解决办法吗?
最佳答案
在调整大小事件触发之前,window.clientWidth
/window.clientHeight
似乎没有更新。
我找到了解决该问题的两种方法:
- 使用
document.documentElement.clientWidth
而不是window.innerWidth
- 监听
orientationchange
事件而不是resize
事件(window.clientWidth
此时似乎已经更新)
关于ios - WKWebView 中的调整大小处理程序中的 window.innerWidth/Height 未更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43302314/