当前位置:首页 > 站长专栏 > 网页代码 > 正文内容

将网页添加到iPhone和iPad桌面代码,可自定义书签名称和图标

2021-11-01 18:46:11网页代码

一天中,有很大一部分时间都没在电脑边上,但是平时又喜欢到一些网站平台上看看资讯文章,访问设备就成了手机或iPad了,每次手动输入网址总感觉太麻烦,而且需要记许多网址在脑子里。

天生讨厌麻烦的我,为了能够方便快速访问自己常用的网站,前两天自己动手做了一个云赚导航,把自己常用的网站都收录了再里边。

云赚网址导航

这样每次进入自己想访问的网站就方便许多了,只需要手指点一点就好了,省去了手动输入网址的步骤。

把导航弄好了过后,把首页添加到了自己的手机和iPad桌面上,添加到桌面后,发现图标是网站的缩略图,这太丑了呀,有轻度强迫症的我,可忍不了。

没有图标是不是很丑?

于是想着怎么给它弄个图标,在手机上找了半天没找到相关的设置,于是请教度娘,找了一圈也没有找到如何设置网页快捷按钮图标的方法。

就在要放弃的时候,脑子里边突然想到,手机设置里面没有设置网页快捷图标,那有没有办法在网页中添加代码来实现呢?抱着疑惑又打开度娘搜索了一圈,还真让我给找到了一段代码。

立即将代码加到网站header文件里边测试,结果可行!

代码加上过后效果:

顺眼多了

不仅桌面有图标,收藏到书签也是有对应的图标的,还可以设置自定义标题。这样,把网页快捷访问图标添加到桌面时,就不用手动更改标题了,又省了一步,nice!这样,就顺眼多了呀~ 

如有需要也可以在自己博客网站里面加上这段将网页添加到苹果手机或iPad的桌面实现自定义标题和图标代码,代码如下:



将以上代码放置在标签前,将代码中的图片URL地址和网页名称换成自己的就行,图标尺寸建议是120x120的,这样苹果的任何设备都适应。

打赏 支付宝打赏 微信打赏

扫描左侧二维码手机访问本页面内容,一起薅羊毛赚钱。

版权声明:本文由土巴牛线报网发布,未经许可禁止转载。

本文链接:https://tubaniu.com/daima/iosicodaima.html

相关文章

电脑微信双开方法,电脑上同时登陆多个微信分身教程

电脑微信双开方法,电脑上同时登陆多个微信分身教程

无论是在工作还是生活中,大家可能都有需要在电脑上登录多个微信的时候,但微信PC端只能登录一个微信,想要在电脑上登录多个微信要怎么操作呢?今天老吴给大家找到一个免费电脑微信双开甚至多开的方法分享给大家。...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。