Vue图标在ios chrome和safari浏览器中没有变化

92vpleto  于 2023-01-17  发布在  Vue.js
关注(0)|答案(1)|浏览(309)

我已经将favicon.ico更改为我想在Vue-cli的公共文件夹中使用的徽标文件,并将其命名为相同的文件名。
在Web浏览器中,Favicon和标题成功更改x1c 0d1x
但是在移动的浏览器中safari和chrome都不是fail

我没有使用pwa所以可能没有manifest.json问题
我已经试着清理这两个浏览器的缓存或在Incognito Windows上打开它,但还是一样,我忽略了我的index.html或vue-cli配置吗?

huus2vyu

huus2vyu1#

你可以添加<link rel="apple-touch-icon" href="/custom_icon.png">,这样当你喜欢这个页面或者在标签页视图中查看它时,你的favicon就会显示出来。
对于网页本身来说,很可能你的iPhone仍然在缓存旧图标,无论你试图清除缓存。根据我的经验,试图在没有网络连接的情况下加载页面,等待超时错误然后连接到网络并重新加载页面是“强制”设备清除其高速缓存的最佳方式。或者打开开发工具,用键盘输入command + option + r。如果没有,耐心点,它最终会更新的。

相关问题