通过 htaccess 密码保护识别“apple-touch-icon”

Posted 2023-03-10

【中文标题】通过 htaccess 密码保护识别“apple-touch-icon”

【英文标题】：Recognize "apple-touch-icon" with htaccess password protection

【发布时间】：2014-11-24 00:52:05

【问题描述】：

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

设置：

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

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

感谢任何帮助；谢谢， 米奇

【参考方案1】：

我关注了this guide，它让我将以下代码行添加到我的 .htaccess 文件的底部：

SetEnvIf Request_URI "(path\to\file\.ext)$" 允许 命令允许，拒绝 允许来自 env=allow 满足任何

我假设此方法需要将图标命名为apple-touch-icon.png，因为 Safari 无法访问 html 中的任何链接。因此，对于我专门使用的网站：

SetEnvIf Request_URI "(apple-touch-icon\.png)$" 允许

我的网站根目录中有一个 180 像素版本的我想要的图标。

【讨论】：

通常名称为apple-touch-icon-180x180.png。浏览器尝试按优先顺序使用大小。元素的大小默认为 60 x 60

【参考方案2】：

不要保护整个站点，而是保护目录中的所有内容（即使几乎所有站点）。

这样，您可以显示一个主页，并为希望访问该站点的人提供说明。 还有苹果触摸图标...

【讨论】：

不客气，很高兴它成功了。顺便说一句，您必须为不同的 Apple 设备提供多个图标：developer.apple.com/library/iad/documentation/AppleApplications/…