9

I would like to prepare my site for windows 8 pinning and have been reading some documentation on how to add the various images and could figure out that it could be done by using metadata and according to instructions and help on this site I could actually build the following meta tags but i couldn't figure out where I can call the browserdetect.xml file assuming I have the file located at mysitee.com/upload/win8/browserdetetct.xml and the images in the same folder 

<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"/>

Any help please ?

4

2 回答 2

28

更新： 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请注意，除非您的站点实际上是 Web 应用程序，否则不应使用。（根据 HTML5 规范。）

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

进一步的增强： Internet Explorer 11 实际上并不需要标签出现在文档中。browserconfig.xml因此，您可以通过在您的根目录中包含 a（例如 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 开始）示例，我在我自己的站点上实现了这个。

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

于 2013-08-18T21:51:50.890 回答
4

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

于 2013-08-18T04:58:38.890 回答