求助：Safari内页显示自定义Favicon但根域名不显示

针对你遇到的「根域名在Safari中无法显示自定义Favicon，但内页正常、Chrome无问题」的情况，可尝试以下解决步骤：

1. 补充Safari兼容的Favicon标签 #

Safari对Favicon的识别逻辑和Chrome存在差异，建议补充针对苹果生态的图标标签，同时覆盖更多尺寸，确保兼容性：

<link rel="icon" type="image/png" sizes="192x192" href="https://cdns3.flysumo.com/media/28983/conversions/642ae694c2fe4_favicon-primary.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdns3.flysumo.com/media/28983/conversions/642ae694c2fe4_favicon-primary.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdns3.flysumo.com/media/28983/conversions/642ae694c2fe4_favicon-primary.png">

其中apple-touch-icon是Safari优先识别的图标类型，180x180是苹果设备推荐的尺寸。

2. 清除Safari根域名缓存 #

Safari对根域名的Favicon缓存策略极为严格，旧缓存可能覆盖新设置：

• 打开Safari「设置」→「隐私」→「管理网站数据」，找到client.pugpie.com并删除其缓存数据
• 或使用快捷键Option+Command+E清空浏览器缓存，之后强制刷新根域名页面（Command+Shift+R）

3. 调整Favicon标签在HTML中的位置 #

确保所有Favicon相关的<link>标签放在<head>标签的最顶部，优先于其他meta标签、脚本或样式表加载。Safari可能会跳过头部靠后位置的资源解析，导致Favicon未被加载。

4. 验证资源响应头 #

通过Safari开发者工具（Command+Option+I）查看Favicon资源的网络请求，确认：

• Content-Type响应头为image/png
• 资源没有被设置no-cache等禁止缓存的头部（但缓存时长建议设置为1-7天，避免更新延迟）

内容的提问来源于stack exchange，提问作者David