【发布时间】:2016-03-06 18:31:04
【问题描述】:
我正在尝试创建网站,但网站图标有问题。
网站:http://apelsinblog.ml
举报:http://realfavicongenerator.net/favicon_checker?site=http%3A%2F%2Fapelsinblog.ml#.Vtx2emCLTIU
我希望网站图标在移动和 Win8/10 平台上正常工作,但这些平台的网站图标不起作用,正如您从屏幕截图中看到的那样。
请浏览 HTML。非常感谢你。
带有网站图标的<head> 片段:
<link rel="apple-touch-icon" sizes="57x57" href="/fi/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/fi/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/fi/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/fi/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/fi/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/fi/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/fi/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/fi/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/fi/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/fi/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/fi/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/fi/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/fi/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/fi/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/fi/manifest.json">
<link rel="mask-icon" href="/fi/safari-pinned-tab.svg" color="#fc9700">
<meta name="apple-mobile-web-app-title" content="Апельсин — свежий сайт">
<meta name="application-name" content="Апельсин — свежий сайт">
<meta name="msapplication-TileColor" content="#fc9700">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#fc9700">
对不起,题外话了。更正了问题以避免它。
【问题讨论】:
-
favicon 有问题:有什么问题?还请在问题中提供相关代码。
-
大家好,我是 RealFaviconGenerator 的作者。我刚刚检查了您的网站,不幸的是,检查器无法解析您的主页。也许这是因为它包含非 ASCII 字符(只是一个假设;我正在调试)。但是你的代码看起来很好,图标文件是可访问的,等等。所以你可以放心地忽略检查器的结论并认为你的图标是正确的。
-
哦,你的 browserconfig.xml 没有被声明(虽然它存在于 /fi 中)。这是有原因的吗?