Safari加载已移除的Mask Icon/Favicon问题求助

1. 强制覆盖Mask Icon配置 #

在页面的<head>标签中添加明确的mask-icon链接，指向一个透明的SVG文件（或你可控的空内容SVG），同时设置颜色为透明：

<link rel="mask-icon" href="/transparent-mask.svg" color="transparent">

这样Safari会优先加载这个新配置的图标，覆盖之前缓存的旧资源。如果不想维护额外文件，也可以直接指向一个返回404的路径，但使用透明SVG能更稳定地覆盖旧图标。

2. 彻底清除Safari站点专属缓存 #

• 桌面端Safari：打开「偏好设置」→「隐私」→「管理网站数据」，搜索你的域名，选中后点击「移除」，重启Safari即可。
• iOS Safari：进入「设置」→「Safari浏览器」→「清除历史记录与网站数据」，完成后重启Safari。若网站已添加到主屏幕，需删除主屏幕图标后重新添加。

3. 检查服务器端缓存 #

确认你的服务器/CDN没有缓存包含旧mask-icon链接的HTML页面：

• 用浏览器开发者工具的「Network」面板查看页面请求的响应头，确保Cache-Control、Expires等缓存策略设置为禁止长期缓存旧页面。
• 必要时可在服务器端为HTML页面添加强制不缓存的头信息，比如：

Cache-Control: no-cache, no-store, must-revalidate
Expires: 0

4. 验证修复效果 #

访问网站的404页面，打开开发者工具的「Network」面板，搜索mask-icon相关请求，确认不再加载旧的favicon-mask.svg，而是加载新配置的资源或返回404。强制刷新页面（Cmd+Shift+R / Ctrl+Shift+R）后，旧图标应不再显示。

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