我有一个asp.net应用程序,它使用manifest.json作为;已安装";本地安卓设备。
在这个清单中,我添加了:;显示":"独立的和";方位":"景观;
但如果我把手机倒置,它仍然会旋转180°,即使"屏幕旋转";在所有这些决定上都是关闭的。问题是,这些设备的顶部有一个扫描仪,用于扫描条形码。因此,如果你把手机翻过来扫描某个东西,整个网页就会翻转过来,当你把它翻回来时,你就再也看不下去了。你的八分之一必须坚持是直起来,或";摇动";它有点让它再次翻转回来。
编辑20211110:这是一个网站,正在我们本地的IIS上运行。网页使用MANIFEST.JSON,因此chrome、Firefox和safari会提示用户";安装";网站。这在主启动器上创建了一个快捷方式,可以像Android应用程序一样打开网站。(这就像推特,当你在你的Android手机上浏览他们的网站时,它会提示你安装应用程序,但实际上它只会创建一个网站截图(
{
"short_name": "Short",
"name": "AppName",
"icons": [
{
"src": "Images/icon192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "Images/icon512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
],
"start_url": "./Login.aspx",
"display": "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
"orientation": "portrait", /* Could be "landscape" or "portrait" */
"background_color": "#DE007E", /*"#DE007E"*/
"theme_color": "#DE007E" /*"#DE007E"*/
}
好吧,我现在想明白了。选项"orientation": "portrait"
使PWA始终处于纵向,即使设备倒置。所以我只需要从manifest.json中删除这个选项,现在它就可以工作了。