ios - WKWebView 中的调整大小处理程序中的 window.innerWidth/Height 未更新

Question

我有一些全屏网页内容，当窗口使用调整大小事件更改大小时，我会更新这些内容。

window.onresize = function()
{
    var width = window.innerWidth;
    var height = window.innerHeight;
    ...
}

这在 Safari 应用程序中工作正常，但在 WKWebView 中不起作用。当设备在 WKWebView 中更改 iPhone 和 iPad 上的屏幕方向时，它会给出错误的窗口尺寸。

专门针对 iPad，我在导航 Controller 中显示 Web View 。当我切换到纵向模式时，我得到的是 (768x768) 尺寸，而不是 (768x960)，这是正确的尺寸。

这个问题有解决办法吗？

Answer 1

在调整大小事件触发之前，window.clientWidth/window.clientHeight 似乎没有更新。

我找到了解决该问题的两种方法:

• 使用document.documentElement.clientWidth而不是window.innerWidth
• 监听 orientationchange 事件而不是 resize 事件(window.clientWidth 此时似乎已经更新)