iOS Safari Web App 配置
全屏模式
手动开启页面全屏模式：
<!-- 开启全屏模式 -->
<meta name="apple-mobile-web-app-capable" content="yes">Tips: 可使用 JS 的
window.navigator.standalone属性来查看是否开启了全屏模式。
状态栏
全屏模式下可设置状态栏样式：
<!-- 默认状态栏 -->
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- 黑色状态栏 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 沉浸式黑色半透明状态栏 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">Web Clips
Web Clips 图标配置（必须 PNG 格式）：
Web Clips 图标下方标题配置：
链接应用
使用链接调用系统应用：
Tips:
iOS Safari 会自动识别电话号码和邮件地址字符并添加链接，可手动关闭：
参考文献
Last updated
Was this helpful?