我一直在做一些关于获取webapp的研究，我正在努力在正确的情况下显示正确的图标/图块 . 我们的徽标版本是透明的.ICO，我们一直用于浏览器标签中显示的图标 . 背景没有边框，只有标签的灰色标签 . 现在我们希望用户能够向我们的应用添加主屏幕链接 . 此链接的图标应为灰色背景下的徽标 .
对于苹果来说这很容易：
<link rel="apple-touch-icon" href="css/touch-icon-iphone.png" />
加上我们想要添加的任何其他尺寸 . apple-touch前缀使单独的文件变得容易 .
但是，Android正在提出一个问题 . 目前Android将接受苹果触摸图标，但此列为折旧，不会很快发布 . （https://developer.chrome.com/multidevice/android/installtohomescreen#icon）添加用于Android的图标（Chrome是唯一关注的）的元标记列为：
<link rel="icon" sizes="192x192" href="icon-name-192.png">
<link rel="icon" sizes="128x128" href="icon-name-128.png">
当浏览器看到它时，这显然会覆盖图标 . 这意味着如果我给这些图像提供所需的灰色背景，那么浏览器标签中的图标将显示灰色方块 . 如果这些是透明的，那么当我在ANdroid上添加到桌面时，我会得到没有灰色方块的图标 .
我错过了什么吗？这似乎是一个非常常见的请求，但我找不到解决方案 . 我尝试查看其他网站的元数据，其中favicon似乎是透明的，但桌面版本显示为灰色/其他颜色，但我没有看到任何额外的标签，所以我假设他们使用的是苹果触控版，如上所述，目前仍然合法 .
什么是处理这个问题的公认方式？
1 回答
rel="shortcut icon"可能就是你要找的东西