反馈请联系hertz@hertzwang.com,谢谢
前言:用
Safari
的访问一个网址,然后将网址添加到主屏幕,这时会在主屏幕上生成一个书签(带有Icon和标题),点击该书签后会访问指定的网址,在指定的网址中使用“scheme://”的方式打开应用,关于iOS 14上的使用参考底部的iOS 14 示例
使用远程Web
使用Safari
打开链接并添加到主屏幕从而得到桌面快捷方式,通过window.navigator.standalone
来区分状态,在Safari
中加载时显示引导信息,独立全屏运行(点击主屏幕的快捷图标)时使用scheme
来打开App,例如:scheme://modules?id=1
HTML示例代码:
1 | <!DOCTYPE html> |
apple-mobile-web-app-capable
:仅支持Safari浏览器,以独立进程运行时全屏显示(Safari中输入网址打开链接称之为浏览器内打开,添加到主屏幕后,在主屏幕中点击生成的书签运行称之为独立进程运行)apple-mobile-web-app-status-bar-style
:仅支持Safari浏览器,设置状态栏颜色,apple-mobile-web-app-capable为YES时且独立进程运行时生效apple-touch-icon
:书签图标title
:标签内容为书签的名称window.navigator.standalone
:独立进行状态
参考: