手机自带浏览器生成桌面快捷图标

2023-12-13 17:10 小编
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- Chrome, Firefox OS and Opera <a href="https://www.tbadc.com/mobile" target="_blank">手机</a>版生成桌面图标 -->
<meta name="theme-color" content="#395ca3"/>
<link rel="icon" sizes="192x192" href="/logo/android-192x192.png"/>
  
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<link rel="apple-touch-icon" href="/logo/apple-152x152.png"/>
 
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#395ca3"/>
<meta name="msapplication-TileColor" content="#395ca3"/>
<meta name="msapplication-TileImage" content="/logo/windows-144x144.png"/>

代码插入index.html的头部 meta

logo文件夹里的图片替换成自己的图标

最后的效果如下,苹果或者安卓自带的浏览器,添加到桌面就会再桌面形成一个带logo的app快捷方式。

来源:https://discuz.chat/thread/45457


Tag: 手机
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码