javascript - 哈希更改后的 Android 浏览器没有 apple-touch-icon-precomposed

标签 javascript android apple-touch-icon

我在 Android Stock 浏览器和 Mobile Chrome 上遇到了一个奇怪的事情(bug?),它们都安装在 Android ICS 4.0.3/4 上(我已经测试了两者)。从可靠消息来源我听说 Android 2.3 上也出现了同样的问题。

我想要实现的目标: 我最近添加了 apple-touch-icon-precomposed 图标链接,如果保存到主屏幕,它可以使我的移动网站看起来像一个应用程序。我还添加了一个书签气泡,通知用户他们现在可以将我的移动网站另存为“应用程序”。当然,我不想向任何从主屏幕上的类似应用程序的书签打开我的网站的人显示气泡,因此我为尚未拥有哈希值的任何人添加了一个特殊的加载哈希值。这样,当他们保存我的网站时,他们会使用哈希值保存它,因此我可以检查他们是否通过正常链接 my.website.com/或通过他们的书签 my.website.com/#specialhash 打开我的网站。我通过使用一个很棒的库简化了整个过程:https://github.com/okamototk/jqm-mobile-bookmark-bubble

问题: 然而,在 Android 上,每当我通过 JS 更改哈希值时,浏览器/操作系统都不会识别 apple-touch-icon-precomposed 图标链接,而只会保存常规的 favicon.ico (这看起来很糟糕,根本不像应用程序)。

我能为他们做些什么吗?

PS。在 Mobile Chrome 中,正确的 apple-touch-icon-precomposed 会保存到书签库中,但每当我尝试将其保存到主屏幕时,不会保存到书签库中。

最佳答案

这是移动版 Chrome 的问题。请参阅this bug 。经过实验,似乎使用 apple-touch-icon将其保存在书签库中,并在添加到主屏幕时将其呈现为页面上的小图标,但使用 apple-touch-icon-precomposed根本不会在主屏幕上呈现它 - 我在页面图标上看到一个地球仪。除了通过股票浏览器添加书签并使用股票书签小部件将其添加到主屏幕之外,您现在实际上无能为力。 Chrome 书签和小部件因这些图标而损坏。

关于javascript - 哈希更改后的 Android 浏览器没有 apple-touch-icon-precomposed,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11436689/

相关文章:

javascript - Angular JS Controller 未调用 Spring MVC

当我使用自定义 build.gradle 文件时,Android studio 使用错误的 apk 文件路径

添加到主屏幕的 iOS 图标变黑

ios - WKWebView/UIWebView 获取网站图标

javascript - jQwidgets - 单击 GridView 按钮单元格但不会触发行选择

javascript - 离开/关闭标签前确认?

java - android:gravity 在 API 18+ 上失败

android - 使用类名启动 Activity Android

javascript - 街景 API : Hiding FullScreen Control