问题标签 [apple-touch-icon]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
35927 浏览

html - Apple 触摸图标未显示在主屏幕上

我正在使用以下代码来获取移动设备的触摸图标 - 它基于 html5boilerplate/mobile 示例:

但由于某种原因,iPhone 仍然给我的主屏幕图标带来问题。我得到的只是那个烦人的屏幕截图图标。

我在这里包含了其他元标记,以防它们阐明为什么它不起作用。我试过重新排序标签。

谁能想到任何可能阻止使用图标的事情?

我使用 html5boilerplate/mobile 作为测试用例 - 我能够浏览到他们的网站并将图标添加到我的 iPhone (4S iOS5) 的主屏幕上。我尝试将他们的代码、文件夹结构和图标复制到我自己的站点中,但这没有用。

有任何想法吗?

0 投票
1 回答
550 浏览

android - 安卓触摸图标

我正在查看这个博客http://mathiasbynens.be/notes/touch-icons,它在 iPhone 上运行良好,但对于 Android,我在主屏幕上得到一个奇怪的图标。我正在查看的页面的快照,左下角有一个我在标题中添加的小触摸图标。为什么会这样在我的android设备(2.2)中是否也可以像触摸图标一样获得它?

0 投票
1 回答
442 浏览

favicon - 有什么理由不在 favicon.ico、apple-touch-icon 和 robots.txt 上执行 301?

我想将对这些资源的请求重定向到我的 CDN。有什么理由不这样做吗?

0 投票
1 回答
2471 浏览

android - 如何清除 Android 浏览器中的图标缓存?

我一直在测试将网站图标用于移动 web 应用程序。我想我在 Android 上遇到了缓存刷新问题。

我有两个用于测试的图标图像,big.png (114x114) 和 small.png (32x32)。如果我制作一个测试页:

我现在可以使用“将书签添加到主屏幕”功能,并在主屏幕上创建网站的快捷方式。但是,如果我将图像更改为 big.png 并尝试将其添加到主屏幕,即使页面上没有引用它,也会使用 small.png!

我认为这是缓存问题的原因是 1)重新启动我的设备似乎可以解决问题,2)我回家了,第二天早上回来时,使用了正确的图标。但是,明确清除我设备上的缓存不会刷新图标,导致我认为图标没有保存在那里,而是保存在其他一些缓存中。

有没有办法强制图标更新,无论是通过缓存头还是设备操作?

0 投票
0 回答
1393 浏览

apple-touch-icon - 苹果触摸icon.png

我无法让我的 iphone 4s 使用我为正在开发的移动网站制作的 apple-touch-icon。

那是在我的标题中。

0 投票
2 回答
992 浏览

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

我在 Android Stock Browser 和 Mobile Chrome 上遇到了一个奇怪的事情(错误?),它们都安装在 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。在移动 Chrome 中,正确的 apple-touch-icon-precomposed 会保存到书签库中,但每当我尝试将其保存到主屏幕时都不会。

0 投票
3 回答
7205 浏览

apple-touch-icon - Apple Touch 图标变黑

我的苹果触摸图标中的白色背景变成黑色?我的白色背景不透明。该图标有一个白色三角形、红色圆圈和黑色文本。我唯一能认出的是白色三角形和红色圆圈。知道是什么导致了这种情况以及如何使图标保持其白色背景吗?非常感激。

0 投票
1 回答
957 浏览

php - 是否有提供来自 Google 等网站的 apple-touch-icon 的服务提供 favicon?

多年来,我一直使用这个整洁的、未发布的 Google 服务从网站上检索网站图标。

这允许我在列出 URL 时为<li>标签等创建图标。我想知道苹果触摸图标是否存在变得越来越普遍的东西,尤其是在主要网站中。

如果不是,那么使用 PHP 检索它的最有效方法是什么?

以下是图标标签的一些示例:

提前致谢。

0 投票
11 回答
177993 浏览

apple-touch-icon - 为什么我收到 apple-touch-icon-precomposed.png 错误

我创建了一个新的 rails3 项目,但我在服务器日志中多次看到以下日志。为什么我会收到这些请求,我该如何避免这些请求?

2012-09-18 20:03:53 +0530 开始为 192.168.6.2 获取“/apple-touch-icon-precomposed.png”

ActionController::RoutingError (没有路由匹配 [GET] "/apple-touch-icon-precomposed.png"):

我没有在任何地方给出这个链接,也不想在任何地方渲染这个图像。我不知道为什么要尝试加载此资源。

0 投票
1 回答
2080 浏览

html - 苹果触摸图标不起作用

我正在编写一个 html5 游戏,并试图让一个苹果触摸图标工作。我正在运行 ios5 的非视网膜 iPhone 4S 上进行测试。我的 html 文件的第一部分是:

我也在使用脚本来提示用户添加触摸图标;这个脚本显示了触摸图标的预览,它找到了没有问题的图标。此外,该图标是public,不受密码保护。

当我将快捷方式添加到主屏幕时,我得到了简单的屏幕截图图标。我已尝试清除我的历史记录和缓存。难道我做错了什么?那些无缓存元标记是否会干扰图标?(它们在那里,所以我在开发时不必担心缓存问题。)