Question

我已经尝试了几个小时从Chrome功能“添加到主屏幕”（ZumStartbildschirmhinzufügen）获取图标，但它只显示正常偏好的图标。

我使用IIS作为网络服务器，并在Chrome Doku中编写html exakt。

<title>MangoApp</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="196x196" href="http://tatwebapp196x196.png">

我尝试过不同的路径，比如亲戚和绝对路径，但总是效果相同：没有图标。使用最新的Chrome浏览器版本36.0.1985.128和35.0 1916.141在Nexus和Xcover2上进行测试

这里有什么问题，有人可以帮忙吗？

谢谢麦克拉

Answer 1

因为我还没有发表评论（我应该多用这个！）......

我已经通过我目前正在开发的应用程序进行了测试：

Nexus 10（Chrome 36.）~empicon使用
SG SV（Chrome 36.）~empicon使用
SG SV（Chrome Beta 37.）~empicon使用

最后......

SG SIII（Chrome 35.0.1916.141（由于某种原因））〜使用了~196x196图标！（这与你在此测试的版本相同，所以作为参考，它仍在运行4.3）

我想这应该为迈克尔的观点提供更多的有效性，所以我想我会提交错误报告并希望尽快更新。无论如何，我很高兴看到它确实存在问题。

我的应用程序的链接，实际上是一个游戏（最稳定的应该是图标......）here。

Answer 2

现在知道这是否适用于Chrome 37会很有趣。

我们使用相同的元标记，图标格式稍有不同，添加＆＃34;类型＆＃34;属性，这可能很重要。这适用于Android 4.0及Chrome 37以及iOS。

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<link rel="icon" type="image/png" sizes="196x196" href="images/AppIcon.png">
<link rel="apple-touch-icon" href="images/AppIcon.png">
<link rel="apple-touch-startup-image" href="http://ourURL/images/iPhoneStartup.png">

<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, height=device-height, width=device-width" />

＆＃34;添加到主屏幕的图标＆＃34;失败，始终显示偏好的正常图标

2 个答案: