javascript - 在 Chrome PWA 中更改屏幕方向

Question

我构建了一个可移植 Web 应用程序 (PWA)，它在其 Manifest 文件中指定了 "orientation": "portrait"。

这可确保无论以何种方式握住手机(至少使用 Chrome)，应用程序都以纵向模式显示。

这几乎适用于我的应用程序的所有情况，但在某些情况下会显示嵌入式 YouTube 视频 (iframe embedding API)。将视频置于全屏模式时，视频以纵向模式显示，这没有用。

我可以通过 JavaScript 更改所需的屏幕方向吗？或者至少“解锁”方向以便 list 设置暂时禁用？

Answer 1

我们最终做的是从 manifest.json 中完全删除“orientation”属性。这将允许全屏视频旋转。我想如果你真的想在应用程序的其余部分只留下“纵向”方向，你可以使用 screen.orientation API 用 JS 锁定它:https://caniuse.com/#feat=screen-orientation ( 81.82% supported ):

// to lock portrait
ScreenOrientation.lock("portrait");

// and then allow any
ScreenOrientation.unlock();

请注意，这仍然是一个工作草案，而不是实时规范。更多docs and info from Mozilla .希望对您有所帮助。