Question

我想为windows 8 pinning准备我的网站，并且已经阅读了一些关于如何添加各种图像的文档，并且可以通过使用元数据并根据说明和帮助来解决这个问题{{3我实际上可以构建以下元标记，但我无法弄清楚我可以调用browserdetect.xml文件的位置，假设我的文件位于mysitee.com/upload/win8/browserdetetct.xml并且图像位于相同的位置文件夹

<meta name="application-name" content="MySite"/>
<meta name="msapplication-TileColor" content="#2d90c6"/>
<meta name="msapplication-TileColor" content="#2d90c6"/>
<meta name="msapplication-square70x70logo" content="http://placehold.it/70x70/000000/ffffff&text=MySite"/>
<meta name="msapplication-square150x150logo" content="http://placehold.it/150x150/000000/ffffff&text=MySite"/>
<meta name="msapplication-wide310x150logo" content="http://placehold.it/310x150/000000/ffffff&text=MySite"/>
<meta name="msapplication-square310x310logo" content="http://placehold.it/310x310/000000/ffffff&text=MySite"/>

请帮忙吗？

Answer 1

更新：Windows 10和Windows 10 Mobile上的Microsoft Edge现在只使用/browserconfig.xml，因此请停止包含元标记。

我看到微软已经将它们的向导更新到了Windows 8.1。这与Windows 8无法向后兼容。

你需要的是什么（除了我在另一篇文章中的评论）是具有144x144像素图像的旧代码：

<meta name="msapplication-TileImage" content="/tileimage-144.png" />

这将适用于Windows 8上的Internet Explorer 10以及您已有的两个向后兼容标记：

<meta name="application-name" content="MySite" />
<meta name="msapplication-TileColor" content="#2d90c6" />

请注意，除非您的网站实际上是网络应用程序，否则不应使用application-name。（根据HTML5规范。）

您可以在虚拟机中测试Windows 8.1（实际上是Internet Explore 11）。微软正在http://www.modern.ie/en-US/virtualization-tools#downloads

免费发放它们

进一步增强功能：Internet Explore 11实际上并不需要在文档中显示标记。因此，您可以通过在根目录中包含browserconfig.xml（例如example.com/browserconfig.xml）来保存不打算为您的站点固定带宽（从而提高性能）的用户。当用户尝试固定网站并从那里加载所需的资源而不是元标记时，IE 11将读取此文件。所以你要做的是包括IE 10需要的两个/三个标签，并将新的IE 11标签放在你的浏览器配置文件中。阅读http://msdn.microsoft.com/en-us/library/ie/hh772707%28v=vs.85%29.aspx（忽略它告诉你包含元标记以加载配置文件的位。只要文件名是browserconfig.xml并且它在你的root上，它就会自动工作。）

让它完美无瑕： Windows 8的图像不需要填充，只需要透明背景。但是，Windows 8.1希望平铺图像的1/3对填充保持透明。如果你不注意填充，你会像其他应用程序中的拇指一样伸出来。

实例：如果您想要一个正常工作（从Windows 8.1预览1开始）示例，我在Slight Future在我自己的网站上实现了此功能。

最后的想法：为什么微软必须为每个版本的Internet Explorer / Windows引入新的东西，我无法理解。没有什么是向后兼容的。对于Windows 7/8桌面任务栏上的IE 9/10和固定网站，您需要favicon in four different sizes。

Answer 2

您可以按照http://www.buildmypinnedsite.com

上的分步教程/向导进行操作

Windows 8准备固定网站

2 个答案: