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

Question

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

与移动应用程序不同，它是一个网页，没有 list 文件和 Activity。

如何使用技术(css/javascript/bootstrap/jquery)或任何其他技术在手机中锁定方向？

Answer 1

我为我的网络应用程序使用 list 文件，它可以锁定我 Android 上 Chrome 的方向。无论出于何种原因，Safari 都赋予用户执行此操作的“权利”，而不是网络应用程序的设计者……有点像侵犯版权之类的感觉! ;) 不要让我开始谈论 Safari 可耻的输入按钮重写/渲染!...

无论如何，回到答案。

1) 在 head 中包含指向您的 list 的链接您页面的部分:

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

2) 创建 list 文件“manifest.json”

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

3) 阅读更多关于 list 的信息 HERE