【问题标题】:How can I implement apple-touch-icon-precomposed favicons like major websites do?我怎样才能像主要网站一样实现apple-touch-icon-precomposed favicons?
【发布时间】:2013-02-04 22:35:19
【问题描述】:

根据 Twitter 引导文档,您将 apple-touch-icon-precomposed 图标和您的一般 favicon 设置如下:

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="assets/ico/favicon.png">

这一切都很好而且很花哨,但我似乎找不到任何实际使用这些链接标签来执行此操作的主要网站 - 是否有理由或其他方式使图标可用?

我已经检查过:

  • 谷歌
  • 必应
  • 脸书
  • 推特主页

是否有任何主要网站使用 apple-touch-icon-precomposed favicon?

如果是这样,他们在哪里/他们是如何做到的?如果没有,为什么不呢?

【问题讨论】:

  • 也许他们(谷歌、Facebook 等)都有应用,不需要添加到主屏幕?
  • 是的,显然要做的事情是拥有一个应用程序而不是使用这些......只是希望找到一些实现它们的主要网站的例子......

标签: html favicon


【解决方案1】:

如果您将它们直接包含在也可以工作的文档根目录下。我们的网站出现问题,Apple 无法找到图标。不过,我并没有参与其中,我只是听说过,但解决方案是将图标直接放在文档根目录下。

【讨论】:

  • 我尝试检查 google 和 bing 的文档根目录中的图标名称,结果出现 404 错误...
  • 好吧,我猜他们不一定会使用它们......只有在他们需要它们的时候。它们的命名也可能与您所拥有的不同。例如,我们有apple-touch-icon-72x72-precomposed.png
猜你喜欢
  • 1970-01-01
  • 2015-05-31
  • 2014-01-10
  • 2015-07-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-23
相关资源
最近更新 更多