PWA - 强制横屏显示方向无效

Question

我们在iPad上有一个PWA应用，清单文件明确指示应在横向模式下运行，但是我仍然可以旋转应用程序屏幕。

这是我的manifest文件：

  "name": "App",
  "short_name": "App",
  "theme_color": "rgba(33,150,243,0)",
  "background_color": "rgba(33,150,243,0)",
  "display": "standalone",
  "orientation": "landscape",
  "Scope": "/",
  "start_url": "/",
  "prefer_related_application" : false,
  "icons": [
    {
      "src": "images/icons/icon-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    }
  ],
  "splash_pages": null
}

如您所见，"orientation": "landscape"已设置，但其并未按此方式运行。 有任何方法可以在PWA中强制它执行？

- S_W

---

也许iOS Safari不支持manifest.json中的方向设置。你尝试在其他浏览器上吗？ - brendan

Answer 1

截止2020年4月，最新版本的iOS Safari（iOS 13）仅对清单文件提供部分支持。

而orientation似乎不被支持。但在Android上可以使用。

您可以查看这个问题获取一些详细信息和解决方法。

- Kev