Windows 8 准备站点以进行固定

Question

我想为我的网站准备 Windows 8 固定，并且一直在阅读一些关于如何添加各种图像的文档，并且可以通过使用元数据并根据site 上的说明和帮助来完成它我实际上可以构建以下元标记，但我不知道在哪里可以调用 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

您可以按照http://www.buildmypinnedsite.com的分步教程/向导进行操作

Answer 2

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

我看到微软已经（有点过早）将他们的向导更新到了 Windows 8.1。不向后兼容 Windows 8。

您需要的是（除了我在另一篇文章中的 cmets）是具有 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" />

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

您可以在虚拟机中测试 Windows 8.1（实际上是 Internet Explorer 11）的内容。微软将通过http://www.modern.ie/en-US/virtualization-tools#downloads免费分发它们

进一步增强： Internet Explorer 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 并且它在您的根目录下，它就会自动工作。）

让一切变得完美： Windows 8 不需要在其图像中进行填充，只需要透明背景。但是，Windows 8.1 期望 1/5 的平铺图像保持透明以进行填充。如果您不注意填充，您将在其他应用程序中突出显示。

实时示例：如果您想要一个工作示例（从 Windows 8.1 Preview 1 开始），我在我自己的网站 Slight Future 上实现了这个。

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