背景:因为微信小程序并不支持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-precomposed和apple-touch-icon区别:
- apple-touch-icon属性:“带高光的图标”
- apple-touch-icon-precomposed属性:“设计原图图标”
思考:但是以上都是针对苹果进行处理的,如果安卓也需要修改图标,应该怎么处理呢?还没有找到一些有效办法,大家有想法可以评论下哈~
1万+

被折叠的 条评论
为什么被折叠?



