HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 网站图标(rel =图标)没有出现在chrome for android中大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的网站的每个页面都有这个代码.
<link rel="icon" sizes="192x192" href="http://compesh.com/assets/graphics/touch-icon-chrome.png" />

然而,当我在Chrome for Android上访问我的网站并点击“添加到主屏幕”时,我的图标从未显示在对话框中.我的图像尺寸正确且存在.

到底是怎么回事?

I have used this documentation from Google.

更新

我的网站是http://compesh.com
查看页面源代码,看看我是否犯过任何错误.

它适用于Android版Firefox,但适用于Android版Chrome和Windows版Chrome.我在Firefox WebIDE中看到了这一点

第二次更新
Firefox for Windows未在选项卡中显示我的favicon图像.相反,它显示错误的图像并将其缩小到16×16像素,而不是使用我在网页中指定的16×16图标.

解决方法

你已经放在div下面(可能是错误的)
<div style="display: none;">

标签后

<meta name="viewport" content="width=610">

你的head标签中,这就是为什么浏览器在div和favicon没有显示之前关闭你的head标签的原因.从头上删除那个div,一切都会好的.

大佬总结

以上是大佬教程为你收集整理的html – 网站图标(rel =图标)没有出现在chrome for android中全部内容,希望文章能够帮你解决html – 网站图标(rel =图标)没有出现在chrome for android中所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。