移动屏幕方向锁定无效

Question

我尝试按照此处指定的屏幕方向API锁定屏幕方向：https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockOrientation 在这里：https://w3c.github.io/screen-orientation/#examples

API仍处于工作草案中，但它显示Chrome和Firefox支持它，但我无法使其工作。

我尝试了以下内容：
1）

＆＃13;

＆＃13;

screen.orientation.lock('portrait').catch(function() { /*Do Nothing*/ });

＆＃13;

＆＃13;

＆＃13;

2）

＆＃13;

＆＃13;

screen.lockOrientationUniversal = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;

if (screen.lockOrientationUniversal(["portrait"])) {
  // orientation was locked
} else {
  // orientation lock failed
}

＆＃13;

＆＃13;

＆＃13;

但它不适用于chrome mobile。

Answer 1

对于 chrome 和本机浏览器，如三星互联网，您首先需要访问全屏，然后才能设置方向锁定，这可以通过 document.body.requestFullscreen 完成，它将返回一个承诺。成功后，您可以锁定方向。