将网页添加到iPhone和iPad桌面代码,可自定义书签名称和图标
一天中,有很大一部分时间都没在电脑边上,但是平时又喜欢到一些网站平台上看看资讯文章,访问设备就成了手机或iPad了,每次手动输入网址总感觉太麻烦,而且需要记许多网址在脑子里。
天生讨厌麻烦的我,为了能够方便快速访问自己常用的网站,前两天自己动手做了一个云赚导航,把自己常用的网站都收录了再里边。
这样每次进入自己想访问的网站就方便许多了,只需要手指点一点就好了,省去了手动输入网址的步骤。
把导航弄好了过后,把首页添加到了自己的手机和iPad桌面上,添加到桌面后,发现图标是网站的缩略图,这太丑了呀,有轻度强迫症的我,可忍不了。
于是想着怎么给它弄个图标,在手机上找了半天没找到相关的设置,于是请教度娘,找了一圈也没有找到如何设置网页快捷按钮图标的方法。
就在要放弃的时候,脑子里边突然想到,手机设置里面没有设置网页快捷图标,那有没有办法在网页中添加代码来实现呢?抱着疑惑又打开度娘搜索了一圈,还真让我给找到了一段代码。
立即将代码加到网站header文件里边测试,结果可行!
代码加上过后效果:
不仅桌面有图标,收藏到书签也是有对应的图标的,还可以设置自定义标题。这样,把网页快捷访问图标添加到桌面时,就不用手动更改标题了,又省了一步,nice!这样,就顺眼多了呀~
如有需要也可以在自己博客网站里面加上这段将网页添加到苹果手机或iPad的桌面实现自定义标题和图标代码,代码如下:
将以上代码放置在标签前,将代码中的图片URL地址和网页名称换成自己的就行,图标尺寸建议是120x120的,这样苹果的任何设备都适应。