渐进式 Web 应用程序 - 不遵循屏幕方向

Question

我的网络应用程序不符合我 manifest.json 中设置的方向：

{
  "manifest_version": 2,
  "version": "1",
  "name": "My App",
  "short_name": "My App",
  "icons": [
    {
      "src": "img/myapp/launcher-icon-0-75x.png",
      "sizes": "36x36",
      "type": "image/png"
    },
    {
      "src": "img/myapp/launcher-icon-1x.png",
      "sizes": "48x48",
      "type": "image/png"
    },
    {
      "src": "img/myapp/launcher-icon-1-5x.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "img/myapp/launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "img/myapp/launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "img/myapp/launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "theme_color": "#43c1b1",
  "background_color": "#43c1b1",
  "start_url": "/myapp",
  "scope": "/myapp",
  "orientation": "landscape",
  "display": "standalone"

}

其他一切正常 - 图标和背景颜色那么为什么强制横屏会出现问题？

Chrome（在移动设备上）v 57.0.2987

谢谢

Answer 1

我认为你做得对。基于此 page，您可以强制执行特定方向，这对于使用此 "orientation": "landscape".

只能在一个方向上工作的应用程序是有利的

像这样 example。

尝试先将显示器放在方向之前

{
  "short_name": "Kinlan's Amaze App",
  "name": "Kinlan's Amazing Application ++",
  "icons": [
    {
      "src": "launcher-icon-2x.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-3x.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "launcher-icon-4x.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ],
  "start_url": "/index.html",
  "display": "standalone",
  "orientation": "landscape"
}

Answer 2

您原来的 manifest.json 是正确的，但它只适用于 Chrome Canary（版本 59），而不适用于 Chrome Stable（版本 57）。

不过我在发布日志中找不到任何提及它的地方。

渐进式 Web 应用程序 - 不遵循屏幕方向

Progressive web application - not honouring screen orientation

javascript

google-chrome

manifest

progressive-web-apps