手机上快速浏览网站 + 自定义手机桌面图标 HTML/CSS

2018-4-10 777

手机上快速浏览网站(在手机桌面上生成网站快捷方式)

苹果手机:(安卓的同理)

1、使用 Safari 浏览网站;

2、开启 Safari 下方菜单,往右拖拽,点击 “添加到主屏幕”;

3、点击右上角的“添加”,完成,查看手机桌面

如果不加入自定义图标,会以网站截图的图标代替,很简陋,所以


自定义手机桌面图标

在<head>里加入

1、保持图标原始效果:

<link rel="apple-touch-icon-precomposed" href="/static/favicon.png">

2、让ios给图标加上高亮效果:

<link rel="apple-touch-icon" href="/static/favicon.png">

ps. 图标自己做,文件名和位置自定义。还有一种方法可以让ios自己遍历所需要的图标,亲测会给服务器增加负载


给需要的人,做技术网站(就像xn)的其实可以忽略


最新回复 (0)
返回
发新帖