适用于Android 上的Chrome浏览器
<link rel="icon" sizes="180x180" href="apple-touch-icon.png">
以及苹果设备上的Safari
<link rel="apple-touch-icon" href="apple-touch-icon.png">
当用户想要在设备的主屏幕上放置书签/快捷方式时，有一些方法可以告诉浏览器要使用哪个图标。
有人肯定地知道安卓系统上的Firefox支持这样的功能吗。至少我目前的版本根本不关心上面两个链接元素中的任何一个。
Firefox将使用嵌入在favicon中的图像来保存相关网站中的所有链接。
据我所知，目前没有其他方式可以过度使用此功能。
<link rel="shortcut icon" href="favicon.ico"/>
Mozilla似乎正在努力在未来的版本中对文件图标进行现代化改造。
https://bugzilla.mozilla.org/show_bug.cgi?id=926139
这对我有效，但在极少数情况下，FireFox根本不提供图标：
<link rel="apple-touch-icon-precomposed" href="/favicon-196.png" sizes="196x196">
如果FireFox没有图标，我会重新启动浏览器，然后再试一次
这也适用于Chrome，应该适用于我没有测试过的苹果设备
我使用196x196，因为它被建议用于Android的Chrome主屏幕图标。