android – 在移动浏览器上锁定屏幕方向

我为手机(iphone和Android)创建了一个网页(chrome& safari),我想在纵向模式下锁定屏幕方向.

与移动应用程序不同,它没有明确的文件和活动,因为它是一个网页.

如何使用技术(css / javascript / bootstrap / jquery)或其他任何方式锁定移动设备中的方向？

解决方法:

我为我的网络应用程序使用了一个清单文件,它在我的Android上锁定了Chrome的方向.无论出于何种原因,Safari为其用户提供了“正确”的权利,但不是网络应用程序的设计者……有点像版权侵权或其他东西！ ;)不要让我开始使用Safari不可思议的重写/渲染输入按钮！…

无论如何,回到答案.

1)在页面的head部分中包含指向您的清单的链接：

< link rel =“manifest”href =“http://yoursite.com/manifest.json”>

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

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

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

标签：android,google-chrome,mobile-safari,screen-orientation,screen
来源： https://codeday.me/bug/20190830/1768094.html