工作-更改桌面图标

背景:因为微信小程序并不支持ios用户添加桌面,所以有一个引导ios用户添加桌面的需求,当引导用户添加书签到桌面之后,默认图标是网页的截图。这样子很丑,并且没有桌面应用的感觉,所以需要换成我们自己的logo。
解决办法:

link: [
   {rel: 'apple-touch-icon-precomposed', href: ''},
   {rel: 'apple-touch-icon', href: ''},
   ],

因为我们的项目是Nuxt.js,所以通过配置head方法,返回一个对象。正常html中使用以下写法即可:

<link rel="apple-touch-icon-precomposed" href="">
<link rel="apple-touch-icon" href="">

apple-touch-icon-precomposedapple-touch-icon区别:

  • apple-touch-icon属性:“带高光的图标”
  • apple-touch-icon-precomposed属性:“设计原图图标”

思考:但是以上都是针对苹果进行处理的,如果安卓也需要修改图标,应该怎么处理呢?还没有找到一些有效办法,大家有想法可以评论下哈~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值