我使用realfavicongenerator创建了一些favicons并且我已经使用同一页面检查了它们。一切看起来都正确,但是当我在Windows 8.1中添加一个磁贴时,它需要另一个图标并使用默认的图块颜色。
我的代码:
<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. -->
<link rel="apple-touch-icon" href="resources/favicons/apple-touch-icon.png">
<!-- Firefox, Chrome, Safari, IE 11+ and Opera. 192x192 pixels in size. -->
<link rel="icon" href="resources/favicons/favicon.png">
<!-- Android Chrome M39+ -->
<link rel="manifest" href="resources/favicons/manifest.json">
<meta name="theme-color" content="#2d89ef">
<!-- Windows 8 / IE 10 -->
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="resources/favicons/mstile-144x144.png">
<!-- Windows 8 / IE 11 -->
<meta name="msapplication-config" content="resources/favicons/browserconfig.xml">
此外,我在根目录中有favicon.ico。
Browserconfig.xml:
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="resources/favicons/mstile-70x70.png"/>
<square150x150logo src="resources/favicons/mstile-150x150.png"/>
<square310x310logo src="resources/favicons/mstile-310x310.png"/>
<wide310x150logo src="resources/favicons/mstile-310x150.png"/>
<TileColor>#2d89ef</TileColor>
</tile>
</msapplication>
</browserconfig>
我也尝试过根目录中的所有内容(使用正确的路径),但没有任何变化。
对于Windows 8.1,我使用带有蓝色图块的白色轮廓选项。但我得到的是在浏览器中显示的具有默认图块颜色的图标。