问题标签 [apple-touch-icon]

当您选择“添加到主屏幕”时，我不太熟悉为 iOS（和 Android）添加图标的代码，但根据我阅读的内容，我使用了以下代码：

该代码似乎有效，但是在我将其添加到主屏幕后，一段时间后，图标消失了，我留下一个黑色方块代替图标？发生了什么？该网站是：http ://www.redtypewriter.com/如果你想看看，我正在使用自定义 WordPress 主题。

谢谢！

div我可以在 a或IFrameas中插入整个网页：

但我只需要图标和标题Iframe。

我不知道如何只获得这些项目favicon icon/Apple-touch-icon 和 title一个网站。

例如www.stackoverflow.com，我只需要它的title和favicon icon/ Apple-touch-icon。是否有任何插件或任何解析器可以解析网页的 HTML 并返回这些？任何帮助表示赞赏。

今天早上，我的网站在几个小时内收到了一千个 /apple-touch-icon.png 请求。我没有这样的文件，他们都得到了 404'd。现在，我知道这些请求来自移动设备，并且我知道避免错误的一种简单方法是放入一些占位符文件。那不是我的问题。我的问题是，为什么我突然被来自许多不同 IP 的对该文件的请求轰炸？如果这是一个持久的机器人，它将来自一个或几个 IP，不是吗？

有些人只是不喜欢在他们的日志中看到 404。我真的不在乎。事实上，提供 404 需要 218 个字节，而提供真正的 png 需要更多。

但我的问题是，发生了什么事？这是某种公认的“攻击”吗？

好吧，好吧，我被引导到的答案是我说我没有问的问题。我想知道为什么我会突然收到对该文件的请求。我认为简单的答案是“因为使用移动设备的人突然意识到您的网站很棒！” 好吧，也许它上面的某些东西像病毒一样传播开来，但我并没有同时被网站图标请求淹没。所以我的网站一定是突然间变得非常流行，只对使用移动设备的人来说。嗯，一定是比这更好的解释。

嗯，我今天早上看到的洪水花了大约六个小时才消散，现在一切都恢复正常了。奇怪的 ...

在 Opera 中，标签 <link rel="apple-touch-icon" href="....">显示在快速拨号中，但是如何在我的网站中设置图像以显示在UC 浏览器的快速拨号中？

我想这个问题的答案是一个很大的否定，但是，为了确定，我在这里问：

图标是否<link rel="apple-touch-icon*总是由浏览器加载（我的意思是，也不是 iOS 浏览器）？

XCode iOS：如何在 UIWebView 中获取“apple-touch-icon url”？

我想将图像保存在网站“apple-touch-icon”中。

当我将网站添加到主屏幕时，放置在head元素中的这段代码会在我的 iPhone 6 Plus 上加载 120px 图标，尽管Apple 文档说不应该是这种情况。

想法？

问题：如何在使用 .htaccess 保护我的网站的同时使用自定义 iPhone 主屏幕图标？

设置：

• PHP PaaS
• 使用 .htaccess 和 .htpasswd 的基本密码保护
• 使用Wikitten构建的简单网站

问题：当我使用移动 Safari 中的“添加到主屏幕”功能将我的网站书签放到我的 iPhone 主屏幕上时，我想看到我的自定义“苹果触摸图标”。不幸的是，当我在 .htaccess 文件中启用“需要有效用户”时，iPhone 看不到该图标，而是使用通用图像。当我在 .htaccess 中禁用密码保护时，会识别图标，但我确实需要某种密码保护，我希望继续使用当前方法。

任何帮助表示赞赏；谢谢，
米奇

当我为网站启用 HTTPS 时，我很难让 Apple Touch 图标显示 Safari 中的“添加书签”功能。我可以使用“添加到主页”选项让它工作，所以我不确定是否正在为“添加书签”进行不同的调用。

我遵循了Apple Documentation，其中不包含太多信息。我还发现以下链接有些帮助：

http://www.jonathantneal.com/blog/understand-the-favicon/

https://github.com/audreyr/favicon-cheat-sheet

https://mathiasbynens.be/notes/touch-icons

网站图标 - 最佳实践

我尝试了多种不同的链接引用组合，例如：

1. 不提供任何元素，而只在根目录中<link>留下具有名称的图像。apple-touch-icon.png
2. 提供具有相对 URL 的元素，例如：<link rel="apple-touch-icon" href="example.com/apple-touch-icon.png">
3. 提供具有绝对 URL 的元素，例如：<link rel="apple-touch-icon" href="http://example.com/apple-touch-icon.png">，同时带有http和https
4. 这已经在 nginx 代理后面运行以提供 ssl，我已经尝试让 nginx 从单独的位置检索图像作为静态资源，或者只是让 webapp 处理图像请求。

我不确定问题是什么 - 这些选项适用于“添加到主页”，但不适用于“添加书签”，有什么想法吗？

注意：虽然我真正希望它运行的站点在身份验证后有 HTTPS，但即使我在没有身份验证的测试站点上运行它，它仍然存在问题。

更新 1

我打开了 nginx 访问日志，我看到了一些奇怪的东西。我加载站点，然后单击带有向上和向外箭头的小框。一旦我这样做，我就会看到以下访问日志：

"GET /apple-touch-icon-152x152-precomposed.png HTTP/1.1" 200 17758 0.000 "-" "MobileSafari/600.1.4 CFNetwork/711.1.12 Darwin/14.0.0"

好的，所以它找到了我设置的众多苹果触摸图标之一，它在单击“添加到主屏幕”时出现，非常棒。然后，当我单击“添加书签”按钮时，我会看到下一个访问日志：

"GET /news/ HTTP/1.1" 302 0 0.001 "-" "Mozilla/5.0 (iPad; CPU OS 8_1 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12B410"

由于身份验证，这是一个 302 重定向。进行此调用以确定页面的主要颜色，以便默认指南针图标可以具有与页面匹配的背景颜色。奇怪的是：为什么这甚至会被调用，它不应该先尝试调用 apple-touch-icon 吗？

此外，用户代理是不同的，即使两个请求都来自同一个 iPad - 很奇怪。

我正在使用 SAP Hana Cloud 试用版 (SAP WEB IDE)。我试图将主屏幕功能添加到我的应用程序。我的项目结构是：

http://scn.sap.com/servlet/JiveServlet/showImage/621327/structure.png

在 index.html 文件中，我添加了如下行：

<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-iphone.png"/>

然后我部署我的应用程序，当我尝试在我的 iPhone 5s 设备（iOS 版本：8）上添加主屏幕时，我的图像没有添加。

有趣的是，当我使用来自互联网的图像（链接到图像）时，一切都很好 - 图像被添加到主屏幕：

<link rel="apple-touch-icon" sizes="57x57" href="http://www.platinumpay.net/images/EP_employees.png">

你能帮忙吗，有什么问题吗？图像路径或定义中的东西？

BR，克里斯塔普斯