在页面源码中插入以下元标签:
<meta name="apple-mobile-web-app-capable" content="yes">
↑, 设置为yes
以全屏模式运行,不会跳转到浏览器,不显示上下工具栏
<meta name="apple-mobile-web-app-status-bar-style" content="default">
↑, 设置状态栏颜色 (需要先添加第一个标签), 可选值为 default / black-translucent / black
介绍 (机翻自苹果官方文档):
如果内容设置为(default
),状态栏将显示正常。如果设置为(black
),状态栏会显示黑色背景。如果设置为(black-translucent
),状态栏为黑色半透明。
如果设置为(default
)或(black
),则状态栏下方显示网页内容。如果设置为(black-translucent
),则网页内容显示在整个屏幕上,部分被状态栏遮住。
默认值为(default
)。
安装使用:
Safari 浏览器 -> 分享 -> 添加到主屏幕
点击桌面上的网站图标,此时网站会在一个新窗口独立运行,而不是作为打开浏览器的书签