PWA - 强制横向定位不起作用

Posted 2023-03-14

【中文标题】PWA - 强制横向定位不起作用

【英文标题】：PWA - Forcing orientation to landscape not working

【发布时间】：2020-01-13 22:22:34

【问题描述】：

我们在 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 中强制它吗？

【问题讨论】：

可能 ios Safari 不支持 manifest.json 中的方向。你试过其他浏览器吗？

【参考方案1】：

截至今天 2020 年 4 月，最新的 iOS Safari (iOS 13) 只有 partial support for manifest files。

而且orientation 似乎不受支持。不过它可以在 android 上运行。

您可以查看this question 了解一些详细信息和解决方法。