问题标签 [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.
ios - Apple Touch 图标未加载（Web Clip / Safari 书签、阅读列表和收藏夹图标）
问题
我无法让 Apple Touch Icon 为我的 Wordpress 网站工作。这意味着当您在 Safari 中“添加到阅读列表”、“添加到收藏夹”和“添加到主屏幕”时通常出现的图标都不会显示，只显示默认值。该设置适用于我的本地环境，但不适用于实时站点。我使用 RealFaviconGenerator.net 生成文件并将它们放在根的子文件夹中，称为/public-html/apple-touch-icons（我之前确实将它们直接放入/public_html，这也仅在本地环境中有效。）
我试过的
#7885393描述了一个类似的问题并建议
- “删除网站上的密码保护”（或“使子目录匿名”或“使包含图标的文件夹公开”）。
- “问题的根源是带有密码保护的 .htaccess 文件”
我联系了我的托管服务提供商，看看该文件夹是否受密码保护，他们向我保证不是（它有权限：0755）。我还尝试按照#1431378中的说明从子目录中删除 .htaccess 密码保护（它说要在子文件夹中创建一个.htaccess文件/public-html/apple-touch-icons并包含此行Require all granted，但这也没有成功。
类似的问题#27412270和#6807349谈到 https，说你需要一个“有效且受信任的安全证书”，如果出现证书错误，iOS 将不会加载图像，但没有找到明确的解决方案。（就我而言，我的页面不属于认证错误或不充分的类别。（但是，如果您认为是，请告诉我。））
我意识到，当我改变这条线时
到一个外部链接，比如 Stack Overflow 的 Apple Touch 图标：
一切正常，正如预期的那样。但是，如果我将其更改为页面上的链接，则不会。
我不知道要再找什么了，但仍然觉得它必须通过身份验证或实际使文件夹匿名或以不同的方式更改 .htaccess 来做某事，......但我不知道是否其中一个这些确实是问题的解决方案，如果是，如何真正使它们工作......
macos - Safari 收藏夹图标显示为透明图像，即使它们不是
我试图更改打开新标签时显示的 Safari 收藏夹图标。我通过更改“/Users/MyUsername/Library/Safari/Touch Icons Cache/”图像文件夹中的默认图像更改了一些图标。大多数被替换的图标都显示得很好，但有些出现（我认为）被 Safari 识别为透明背景图标并继续将其显示为一个，即使它不是。
知道如何让 Safari 按原样显示它吗？
我遵循了图标的标准，例如具有 .png 扩展名和 144x144。
我试过的：
- 减小图像的大小
- 更改颜色配置文件
这个问题实际上与我尝试获取图标的网站或图像文件的问题有关吗？
accessibility - HTML - 图标和 apple-touch-icon 中的可访问性
我目前正在努力提高网站的可访问性。我正在使用 TotalValidator 工具来检查那里的可访问性问题，以及
那里的图标使用这种格式：
我搜索了这个主题，这种格式似乎是正确的，但可访问性报告抛出：
此处不允许使用“尺寸”属性。
有谁知道我应该如何更换它？谢谢！
vpn - 网络中的苹果触摸图标图标与网络外部的图标
我有一个我们在公司内部托管和使用的 Web 应用程序。我们有两个环境。测试环境不是面向公众的。生产环境是。我有以下内容来处理各种设备上的图标。
在 iPhone 上，我们尝试在 Safari 中导航到该站点，单击共享按钮，然后选择“添加到主屏幕”。我们希望 favicon 复制到 iPhone 的主屏幕。当我在我们的网络中建立 VPN 连接时，这在两种环境中都可以正常工作。一旦 VPN 连接断开，它就无法在我们的生产环境中工作。
有人对我应该尝试什么有建议吗？我们通过 iis 和签名证书将这些站点托管在内部网络服务器上。
谢谢。
http-status-code-404 - apple-touch-icon.png 已声明但未找到
这是在我的页面 <head> 部分：
甚至更多的尺寸，我从发电机那里得到的。
但是，在我的日志中，我看到了大量的 404 错误：
找不到 404 错误“apple-touch-icon.png”
为什么 Apple 设备会忽略我的链接 rel apple-touch-icon？当然，我仔细检查了，图标在 favs/ 目录中可用。我把它们放在一个目录'favs'顺便说一句，因为当它们都在根目录中时它是如此混乱。
我发现了很多关于这个的话题，但这些仅仅是因为他们没有这些图标。我得到了它们并在 <head> 部分中声明了它们，但这似乎被忽略了。
html - 适用于 MacOS chrome web 应用程序的 apple-touch-icon
我正在创建一个可在 iOS 和 OS X (MacOS) 上运行的 Web APP，但我在使用图标时遇到了困难。
按照Apple自己的手册，我创建了一个apple-touch-icon，一个PNG格式的图标，没有ALPHA通道，没有透明背景，尺寸为180x180。
在 iPhone 上它很棒，它运行良好，但在 MacOS 上它做得很好。
在我的 HTML 中，我只声明：
有没有办法通过 HTML 声明 iOS 特定图标和不同的 MacOS 图标？
在 iOS 中的结果：
在 MacOS 中的结果：
html - 苹果触摸图标不显示在手机上
我目前正在努力让苹果触摸图标出现在手机上。在我的笔记本电脑上的 Safari 中，该图标显示为选项卡和书签的一部分。然而，在手机上，它不会出现。根据我的研究，我应该做对了，但它仍然不起作用。我正在舞台环境中对其进行测试，因为我正在开发的网站尚未上线。
这是我对苹果触摸图标的实现：
我的项目还包含一个 manifest.json 文件，其中包含所有路径，我像这样引用它：
当我在网站上时，我也可以在开发工具中打开清单文件，所以浏览器肯定可以访问它。
谁能帮我弄清楚这里可能存在什么问题？