favicon 文件格式和尺寸怎么选
浏览器对
的兼容性最好，但现代页面更推荐用
或
配合
。Windows Chrome 旧版只认
（16×16 或 32×32），而 Safari iOS 要求
（至少 180×180），且不能带透明边框，否则会自动加白底。
必须是 ICO 格式，不是把 PNG 改后缀就能用
在 Firefox、Chrome 98+、Safari 15.4+ 可用，但不支持 IE 和旧安卓 WebView
如果用 PNG，建议提供多尺寸：16×16、32×32、192×192、512×512，靠
属性声明
HTML 中 link 标签怎么写才不被忽略
浏览器只识别
里、且
值为
或
的
。顺序和属性缺一不可，漏掉
或写错
，Chrome 就当没看见。
基础必备：
（老浏览器兜底）
现代推荐：
iOS 主屏图标：
（注意不是
）
不要写
—— 已废弃，Chrome 117+ 开始忽略
为什么改了 favicon 页面还是显示旧图标
这不是代码问题，是缓存问题。浏览器对 favicon 缓存极深，甚至比普通资源还顽固，
刷新也清不掉。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
先清空浏览器缓存，再打开
→ 勾选「Cached images and files」
在地址栏直接访问图标 URL（如
），硬刷新（
）看是否更新
部署时确保服务器没返回 304（Not Modified）—— 检查响应头里的
和
开发中可临时加版本参数：
，上线后去掉
Next.js / Vue / React 项目里 favicon 怎么放才生效
框架会接管
，直接写 HTML 不一定生效。静态资源路径、打包规则、SSR 渲染时机都会干扰。
立即学习
“
前端免费学习笔记（深入）
”；
Next.js 13+ App Router：把
放进
根目录，不用手动写
Vue CLI：把图标放
下，修改
的
加
React Create React App：图标必须放
，并在
中显式写
，
占位符不能少
所有框架都慎用相对路径：
很容易因路由层级变 404，统一用根路径
实际部署时最容易被卡住的，是服务器没配 MIME 类型 ——
返回
就直接失效，得确认 Nginx/Apache 返回的是
。
favicon.ico.png.svgrel="icon"favicon.icoapple-touch-icon.pngfavicon.icofavicon.svgsizesreliconapple-touch-icontypereliconrel="shortcut icon"Ctrl+F5chrome://settings/clearBrowserDatahttps://yoursite.com/favicon.icoCtrl+Shift+RETagLast-Modifiedhref="/favicon.ico?v=2"favicon.icoapp/favicon.icopublic/vue.config.jsconfigureWebpack.pluginsFaviconsWebpackPluginpublic/public/index.html%PUBLIC_URL%href="favicon.ico"href="/favicon.ico"favicon.icotext/plainimage/x-icon