Favicon仅Chrome浏览器不显示其他浏览器正常显示问题求助

• 首先修正favicon的link标签写法，Chrome对rel属性、type属性的校验比其他浏览器严格，需同时声明shortcut icon和icon两个rel值，type与实际图片格式保持一致，补充sizes属性匹配图片实际尺寸，示例写法如下：

<!-- 若使用png格式 -->
<link rel="icon" type="image/png" sizes="32x32" href="/img/cattery/logo-little.png"/>
<link rel="shortcut icon" type="image/png" sizes="32x32" href="/img/cattery/logo-little.png"/>
<!-- 若使用ico格式 -->
<link rel="icon" type="image/x-icon" sizes="32x32" href="/img/cattery/logo-little.ico"/>
<link rel="shortcut icon" type="image/x-icon" sizes="32x32" href="/img/cattery/logo-little.ico"/>

• 彻底清除Chrome专属favicon缓存：
  • 普通清除缓存未生效时，访问chrome://net-internals/#dns，点击「Clear host cache」清除主机缓存
  • 访问chrome://settings/clearBrowserData，时间范围选择「所有时间」，勾选「缓存的图片和文件」「Cookie及其他网站数据」，执行清除后完全关闭Chrome进程再重启
  • 优先用无痕模式测试修改效果，排除本地缓存干扰
• 修正路径写法：Chrome对相对路径解析规则更严格，可将href改为带站点域名的完整绝对路径，也可在路径末尾加版本参数强制绕过缓存，示例：href="/img/cattery/logo-little.png?v=1.1"
• 检查favicon资源访问规则：确保favicon资源地址与当前站点同源，不存在http/https跨协议、www/非www跨域名的3xx重定向情况，Chrome会拦截存在重定向的favicon资源，其余浏览器默认允许加载
• 本地开发场景特殊处理：如果是localhost本地开发、或用file协议打开的静态页面，Chrome默认限制favicon加载，部署到线上域名后即可自动恢复正常

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