在Chrome PWA中更改屏幕方向

mccptt67 于 2023-03-21 发布在 Go

关注(0)|答案(1)|浏览(224)

我构建了一个渐进式Web应用程序（PWA），它在其清单文件中指定了"orientation": "portrait"。
这确保了无论手机是如何握持的，应用程序都会以纵向模式显示（至少在Chrome中是这样）。
对于我的应用程序来说，这几乎适用于所有情况，但有些情况下会显示嵌入式YouTube视频（iframe embedding API）。当将视频置于全屏模式时，视频会以纵向模式显示，这并不有用。
我可以通过JavaScript更改所需的屏幕方向吗？或者至少“解锁”屏幕方向，以便清单设置被“临时”禁用？

google-chrome

来源：https://stackoverflow.com/questions/43170569/changing-screen-orientation-in-a-chrome-pwa

1条答案

按热度按时间

ego6inou1#

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

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

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

请注意，这仍然是一个工作草案，而不是一个活的规格。一些更多的docs and info from Mozilla。希望有帮助。

赞(0）回复(0）举报 2023-03-21

我来回答

在Chrome PWA中更改屏幕方向

1条答案

相关问题

热门标签

最新问答