图标图像未出现在 chrome 的智能横幅中答案

【问题标题】：Icon image not appearing in smart banner in chrome图标图像未出现在 chrome 的智能横幅中
【发布时间】：2014-09-22 07:37:49
【问题描述】：

Chrome 中未显示图标图像。但是，它出现在 Safari 中。我的 JSP 代码是：

<meta name="apple-itunes-app" content="app-id=499106876">
<meta name="google-play-app" content="app-id=com.rexel.iphone02.RexelUSA">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<link rel="stylesheet" href="/css/jquery.smartbanner.css" type="text/css" media="screen">
<link rel="apple-touch-icon" href="/nedco_favicon.png"/>

<script type="text/javascript">

con(function() { con.smartbanner() } )

</script>

【问题讨论】：

标签： android ios google-chrome

【解决方案1】：

你只为苹果设置了图标...你也需要为安卓设置它。

添加这个：

<link rel="android-touch-icon" href="/nedco_favicon.png"/>

【讨论】：

这似乎使某些 HTML 验证器失败。 android-touch-icon 的信息来源是什么？

【解决方案2】：

将此标签用于 android for chrome

<link rel="icon" sizes="196x196" href="apple-touch-icon.png">

来源是here

【讨论】：