Android 上用于从 Firefox 添加到主屏幕的错误图标
Wrong icon used for Add to Homescreen from Firefox on Android
在我的 HTML 中,我遵循了此处的指南:https://mathiasbynens.be/notes/touch-icons
目前,我的应用程序只有 192x192 大小的图标。我的 phone 是三星 Galaxy 4 运行 Android 5.0.1.
因此,Android 上的 Chrome 会将图标正确添加到主屏幕,但 Android 上的 Firefox 不会。后者添加了一个通用的 "C within a square" 图标。见附件。
这是 Firefox 的限制吗?有办法解决吗?
当 运行 RealFaviconGenerator's current favicon compatibility test 在 Samsung Galaxy S7 上使用 Firefox 58 运行 Android 7 时,我得到 180x180 Apple Touch 图标:
您的具体情况会出现什么问题?
- 你的图标稍微大一点,192x192,而Apple定义的最高分辨率是180x180。在你提到的那篇文章中,这样做的原因是AndroidChrome。但是现在 Chrome 使用的是 Web App 清单,所以这个技巧可能已经过时了。
- 缓存问题。众所周知,浏览器仅在需要时才重新加载图标。也许您尝试了各种解决方案,但现在 Firefox 仍然停留在旧设置上。使用另一个 phone 或过几个小时再试。
完全披露:我是 RealFaviconGenerator 的作者。
在我的 HTML 中,我遵循了此处的指南:https://mathiasbynens.be/notes/touch-icons
目前,我的应用程序只有 192x192 大小的图标。我的 phone 是三星 Galaxy 4 运行 Android 5.0.1.
因此,Android 上的 Chrome 会将图标正确添加到主屏幕,但 Android 上的 Firefox 不会。后者添加了一个通用的 "C within a square" 图标。见附件。
这是 Firefox 的限制吗?有办法解决吗?
当 运行 RealFaviconGenerator's current favicon compatibility test 在 Samsung Galaxy S7 上使用 Firefox 58 运行 Android 7 时,我得到 180x180 Apple Touch 图标:
您的具体情况会出现什么问题?
- 你的图标稍微大一点,192x192,而Apple定义的最高分辨率是180x180。在你提到的那篇文章中,这样做的原因是AndroidChrome。但是现在 Chrome 使用的是 Web App 清单,所以这个技巧可能已经过时了。
- 缓存问题。众所周知,浏览器仅在需要时才重新加载图标。也许您尝试了各种解决方案,但现在 Firefox 仍然停留在旧设置上。使用另一个 phone 或过几个小时再试。
完全披露:我是 RealFaviconGenerator 的作者。