safari - app 技术

在 safari 中添加这些 meta tag ，然后手机上选择添加桌面快捷方式，网站就能像 app 一样打开和使用

<!-- 添加苹果快捷方式图标 -->
<!-- <link rel="apple-touch-icon" href="icon.png" /> -->
<link rel="apple-touch-icon" href="icon.icns" />
<!-- 开启全屏显示（以 App 模式运行） -->
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="apple-touch-startup-image" href="bg.jpg">
<!-- APP 模式下，顶部空白处的颜色,可选为 default black black-translucent , default 使用 body 的背景色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<!--  App 名称，在用户选择添加到主页的时候这个名字会自动蹦出来 -->
<meta name="apple-mobile-web-app-title" content="Cliper">

也可以在自己的html中添加，然后将页面添加到主屏幕。