Android 移动浏览器上的锁定屏幕方向

我为手机（iphone和android）创建了一个网页（chrome和safari），我想在纵向模式下锁定屏幕方向

与移动应用程序不同，它没有清单文件和活动，因为它是一个网页

如何使用技术（css/javascript/bootstrap/jquery）或任何其他技术锁定手机的方向？

您可以使用：

screen.addEventListener("orientationchange", function () {
  console.log("The orientation of the screen is: " + screen.orientation);
});

and 

screen.lockOrientation('landscape');

---

以下内容：

锁定方向方法将屏幕锁定到指定方向

lockedAllowed = window.screen.lockOrientation(orientation);

从以下代码中，您可以检查方向是否已锁定

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

if (lockOrientation("landscape-primary")) {
   // orientation was locked
} else {
  // orientation lock failed
}

请参阅以下链接，您将从中获得想法

---

在我的测试中，将screen.lockOrientation（每个浏览器版本）分配给var会引发非法调用错误。只需使用wind.screen.orientation.lock（'landscape'）。它

编辑：您不能在safari上使用锁定方向，因为它目前不支持全屏api。锁定方向API需要全屏页面才能工作。在Chrome中，window.screen.orientation.lock返回承诺。因此，在您全屏显示页面后，您可以执行以下操作：

var lockFunction =  window.screen.orientation.lock;
if (lockFunction.call(window.screen.orientation, 'landscape')) {
           console.log('Orientation locked')
        } else {
            console.error('There was a problem in locking the orientation')
        }

---

然而，锁定方向和全屏API仍然是实验性的，并非所有浏览器都支持它

我的web应用程序使用清单文件，该文件锁定了Android上Chrome的方向。不管出于什么原因，Safari给了他们的用户这样做的“权利”，但不是web应用程序的设计者。。。有点像是侵犯版权之类的！；）不要让我开始Safari对输入按钮的不光彩的重写/呈现

无论如何，回到答案上来

1） 在页面的

标题

部分中包含到清单的链接：

2） 创建清单文件“manifest.json”

---

3） 阅读更多有关清单的信息

您使用的语言是什么？给定的代码在chrome和safari上似乎不起作用。是否有其他解决方案。谢谢：谢谢您的帮助。但是上述代码似乎在chrome上不起作用。是否有其他解决方案？请尝试body[orient=“横向”或body[orient=“纵向”]我认为你的答案不完整也许答案不完整，但我不认为其他两个是完整的：只是从MDN中剪切和粘贴。至少我给出了一个API的工作实现。这在Android的Chrome上是有效的！被否决的numpty是一个派对扫兴者。你对standalone是什么意思？请参阅帖子中的链接，或访问以了解更多关于该主题的信息。苹果和他们的iOS Safari是PWA Cancert这似乎对Android也没有任何影响。

{
"name":"A nice title for your web app",
"display":"standalone",
"orientation":"portrait"
}