javascript - 在 iPad 方向更改上刷新网页

Question

当用户倾斜他的 iPad 时，我想自动刷新/重新加载网页。我做了很多研究，但无法找到解决方案。在浪费另一天寻找答案之前，有谁知道这是否可能？

Answer 1

window.onorientationchange = function()
{
   window.location.reload();
}

Answer 2

注意：这个问题是重复的，应该关闭。我将在这里发布我的答案的要点。

  window.addEventListener('orientationchange', function () {
    var originalBodyStyle = getComputedStyle(document.body).getPropertyValue('display');
    document.body.style.display='none';
    setTimeout(function () {
      document.body.style.display = originalBodyStyle;
    }, 10);
  });

代码监听orientationchange事件body并通过隐藏它并在10毫秒后显示它来强制重新流动元素。它不依赖于任何<meta>标签或媒体查询。而且它不会重新加载整个页面。

Answer 3

您可以像这样在方向更改时调用 UIWebview 的代表

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
     [_webview reload];
}

您还需要在 .h 文件中包含 UIWebviewDelegate 并将委托分配给自己。