Loading

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中添加,然后将页面添加到主屏幕。

posted @ 2024-07-05 09:34  三岁6  阅读(10)  评论(0编辑  收藏  举报