平板电脑屏幕方向错误

Question

我有一个奇怪的问题。我有一台 LG g700 平板电脑，我想将方向设置为锁定。但是当我在我的 nexus 5 上测试它时，它适用于以下代码：

window.screen.orientation.lock("landscape")

但是当我在平板电脑上执行相同的代码时，它不起作用，并且会出现如下错误：

Uncaught (in promise) DOMException: The page needs to be fullscreen in order to call lockOrientation(). {message: "The page needs to be fullscreen in order to call lockOrientation().", name: "SecurityError", code: 18, INDEX_SIZE_ERR: 1, DOMSTRING_SIZE_ERR: 2…}code: 18message: "The page needs to be fullscreen in order to call lockOrientation()."name: "SecurityError"__proto__: DOMException

有解决办法吗？

Answer 1

这只能在全屏模式下完成。所以我建议您在调用screen.orientation 之前添加一个超时，以确保全屏处于活动状态并准备就绪。

if (document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen) {
   setTimeout(function(){
      window.screen.orientation.lock("landscape");
   }    , 200);
}