升级到iOS 11.3后,web应用程序不会根据支持的apple-mobile-web-app显示全屏。
这是因为在iOS 11.3中,苹果对Web App的全屏显示做出了一些改变。在之前的版本中,可以通过在Web App的HTML头部添加meta标签来实现全屏显示,例如:
<meta name="apple-mobile-web-app-capable" content="yes">
然而,在iOS 11.3中,苹果对这个meta标签的行为进行了修改。现在,即使添加了这个meta标签,Web App也不会自动全屏显示。
这个改变可能是为了提供更好的用户体验和安全性。用户可以更方便地退出Web App,而不需要通过多次滑动来关闭应用。此外,这也可以防止一些恶意网站将用户锁定在全屏模式下。
如果您希望在iOS 11.3及更高版本中实现Web App的全屏显示,可以考虑使用以下方法:
if (navigator.standalone) {
// Web App is running in standalone mode
} else {
// Web App is not running in standalone mode
// Show a button or link to prompt the user to add the app to the home screen
}
var element = document.documentElement;
if (element.requestFullscreen) {
element.requestFullscreen();
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullscreen();
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen();
}
请注意,这种方法需要用户主动触发全屏请求,不能在页面加载时自动全屏。
总结起来,升级到iOS 11.3后,Web App不会根据支持的apple-mobile-web-app显示全屏。如果您希望在iOS 11.3及更高版本中实现全屏显示,可以考虑使用上述方法来实现。
领取专属 10元无门槛券
手把手带您无忧上云