Html设置问题(设置浏览器上面的图标,移动设备上面页面保存为图标)

最近开发了一个新的项目,项目完成之后;要求把页面在移动设备上面保存为图标,通过图标直接进入系统入口(这样看着就想APP一样);刚开始通过百度直接设置了,发现有两个问题,第一、图标直接是页面的截图;第二、图标在页面关闭之后就会直接消失了;后面通过查询资料终于解决了这个问题;在head中加入代码,如下;

<meta name="format-detection" content="telephone=no">//是否移动设备上面是有的链接
<meta name="apple-mobile-web-app-capable" content="yes">//是否可以保存为图标
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/logo_72.png">//图标的大小和地址
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/logo_114.png">

现在的HTML是可以设置浏览器上面显示的图标,代码如下:

<link rel="shortcut icon" href="../../favicon_yj.ico" type="image/x-icon">

posted @ 2019-05-21 15:37  myken  阅读(259)  评论(0编辑  收藏  举报