我了解到,通过正确制作的Progressive Web App,移动浏览器将显示一个横幅,提示用户在其主屏幕上"安装"该应用.
我一直在寻找一种方法来从应用程序中触发该提示,但一直无法找到任何东西.
是否有一行JavaScript可用于随时调用安装提示横幅?例如,我可以添加到安装按钮中隐藏在帮助屏幕中的东西?
如果某些用户错过了安装横幅提示,则可能很难找到"添加到主屏幕"选项.我想给他们一个按钮,他们可以点击再次提示.
我正在使用 PWA 构建一个应用程序。我正在使用角。基本上,它是一个播放视频的媒体应用程序。它在 Android 上运行良好,“添加到主屏幕”弹出窗口也出现在 Android 设备中,但在 iOS 设备中不会出现“添加到主屏幕”。
iOS 是否支持“添加到主屏幕”功能?
ios service-worker progressive-web-apps angular-service-worker
在2019年,我看到了很多有关在iOS中为全屏移动Web应用删除/隐藏状态/位置栏的老问题。我已经尝试了几种解决方案,但是没有任何效果。我正在运行在iPhone X和iPhone 11上运行的iOS Safari版本13。
我尝试了以下方法:
minimal-ui 元标记:
<meta name="viewport" content="minimal-ui">
Run Code Online (Sandbox Code Playgroud)
滚动到0,1:
setTimeout( function () {
window.scrollTo(0, 1);
}, 1000);
Run Code Online (Sandbox Code Playgroud)
apple-mobile-web-app-capable 元标记:
<meta name="apple-mobile-web-app-capable" content="yes">
Run Code Online (Sandbox Code Playgroud)
我也将所有这些结合在一起,但仍然没有运气。有什么改变吗?隐藏状态栏以将设备垂直旋转并回到水平方向的唯一方法是吗?
我见过苹果建议不要在新手机上隐藏位置栏的地方,因为新设备上的屏幕空间更大。因此,他们是否决定采取强迫这种偏爱的自由?