【发布时间】：2015-10-10 19:09:39
【问题描述】：
Hello,
我看过其他关于此的帖子，但解决方案对我不起作用。
我有一个运行 Android 5.1.1 和 Chrome 45.0.2454.94 的 OnePlus 2，还有一个网站 daltonempire.nl。
当我添加网站书签时，我希望该图标显示在手机的主屏幕上。相反，它只在灰色、暗淡的背景上显示字母 D [2]。
我在<head> 中有这段 HTMl 以确保兼容性，但似乎无济于事。
<link rel="apple-touch-icon" sizes="57x57" href="/ico/apple-touch-icon-57x57.png?v=3">
<link rel="apple-touch-icon" sizes="60x60" href="/ico/apple-touch-icon-60x60.png?v=3">
<link rel="apple-touch-icon" sizes="72x72" href="/ico/apple-touch-icon-72x72.png?v=3">
<link rel="apple-touch-icon" sizes="76x76" href="/ico/apple-touch-icon-76x76.png?v=3">
<link rel="apple-touch-icon" sizes="114x114" href="/ico/apple-touch-icon-114x114.png?v=3">
<link rel="apple-touch-icon" sizes="120x120" href="/ico/apple-touch-icon-120x120.png?v=3">
<link rel="apple-touch-icon" sizes="144x144" href="/ico/apple-touch-icon-144x144.png?v=3">
<link rel="apple-touch-icon" sizes="152x152" href="/ico/apple-touch-icon-152x152.png?v=3">
<link rel="apple-touch-icon" sizes="180x180" href="/ico/apple-touch-icon-180x180.png?v=3">
<link rel="icon" type="image/png" href="/ico/favicon-32x32.png?v=3" sizes="32x32">
<link rel="icon" type="image/png" href="/ico/android-chrome-192x192.png?v=3" sizes="192x192">
<link rel="icon" type="image/png" href="/ico/favicon-96x96.png?v=3" sizes="96x96">
<link rel="icon" type="image/png" href="/ico/favicon-16x16.png?v=3" sizes="16x16">
<link rel="manifest" href="/ico/manifest.json?v=3">
<link rel="shortcut icon" href="/ico/favicon.ico?v=3">
<meta name="apple-mobile-web-app-title" content="DaltonEmpire">
<meta name="application-name" content="DaltonEmpire">
<meta name="msapplication-TileColor" content="#59a4c3">
<meta name="msapplication-TileImage" content="/ico/mstile-144x144.png?v=3">
<meta name="msapplication-config" content="/ico/browserconfig.xml?v=3">
<meta name="theme-color" content="#59a4c3">
文件存在于该文件夹中，favicon validator 表示此 HTML 足以确保所有书签都显示为图标。为什么我在 Android 5.1.1 上不是这种情况，我该如何更改？
编辑： 网站图标已加载 [4]，大概它只是搜索 daltonempire.nl/favicon.ico 并在那里找到它（我也把它放在那里），所以它可能与我的非工作代码，因为它不必从那里得到它。例如，它不包括主题颜色，因为这将在我的代码中定义。另外，我尝试删除与我的 Google 帐户的同步，从 Chrome 中删除缓存和用户数据，删除书签然后重新添加，但无济于事。
我希望有人能够帮助我， 诚挚的问候，
以赛亚·范胡南
附件：[2]
【问题讨论】：
-
当我使用 Android Chrome 将您的网站添加到我的主屏幕时，我得到了正确的图标（打开的书的蓝色圆圈）。你用哪个浏览器来测试这个？因为众所周知，内置浏览器会产生糟糕的结果。
-
@philippe_b 感谢您的检查！我正在使用 Chrome，并且希望它能够正常工作...您使用的是哪种浏览器？
-
哼……奇怪。我在 Android 5.0 上使用 Chrome 45。我有一个 Galaxy S5。我有正确的图标和主题颜色，所以 Chrome 确实使用清单（而不是 192x192 PNG 图标，它适用于旧版本的 Android Chrome，如果我没记错的话，早于 39）。
-
@philippe_b hmm... 我在 OnePlus 2 上使用 Android 5.1.1，运行 Chrome 45.0.2454.94... 可能相关的是它与我的桌面书签同步，尽管我有已经尝试删除书签，将其添加到文件夹“移动书签”和“桌面书签”，然后将其添加到我的主屏幕。也许我可以刷新 Chrome 的图像缓存？我的手机已经root了..
-
Chrome 是最新的我想？啊...这是我们热爱计算机科学的时候 :) 也许这是由于缓存问题，特别是如果您在安装 Android Chrome 图标之前将您的网站添加到主屏幕。您可以尝试在 Chrome 中显式刷新主页，或者在主屏幕（不是主页）中添加另一个页面，以强制 Chrome 关注您的图标设置。
标签： android html icons favicon bookmarks