问题描述
我想为网站内置 Angular 10 主屏幕菜单添加自定义图标，然后将其从 chrome Add to Homescreen 菜单添加到主屏幕
我已经使用此代码在 Iphone 中实现了这一点
<link rel="apple-touch-icon" sizes="71x71" href="assets/icons/homescreen-icon/group.png" />
但我不知道如何使它适用于 android。 我尝试为 android 做以下事情，但没有一个有效
<link rel="icon" type="image/png" href="assets/icons/homescreen-icon/group.png" /> <link rel="shortcut icon" href="assets/icons/homescreen-icon/group.png" /> <link rel="mask-icon" href="assets/icons/homescreen-icon/group.png" />
解决方法
尝试将链接类型从 img/png 更改为简单的 img 为：
<link rel="icon" type="image" href="assets/icons/homescreen-icon/group.png" /> <link rel="shortcut icon" href="assets/icons/homescreen-icon/group.png" /> <link rel="mask-icon" href="assets/icons/homescreen-icon/group.png" />
我使用这两行代码实现了这一点
<link rel="shortcut icon" href="assets/icons/favicon.ico" />
<link rel="apple-touch-icon" href="assets/icons/homescreen-icon.png" />
对于 android shortcut icon 应该是 .ico 文件。