注册登录

手把手教你为网站添加IE动态磁贴

时间:2016-02-04 11:52 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的是IE技巧方面的电脑教程：【手把手教你为网站添加IE动态磁贴】，平时在使用IE浏览器上网的时候，总会遇上这或那的问题，那本文就针对这些日常的问题收集并整理成IE技巧分享给大家！

手把手教你为网站添加IE动态磁贴

固定到开始菜单上的网站也能获取RSS更新，实时动态变换你网站最新信息，这么炫的技能你的爱站怎能不拥有？

对于 Internet Explorer，用户可通过将最喜爱的网站固定到 Windows 和 Windows Phone“开始”屏幕，来将这些网站放置在他们最喜爱的应用旁。固定来自 IE 的网站允许用户从“开始”屏幕直接访问这些网站，而无需重复导航到它们。<>

当用户固定您的网站时，已表明他们是您的网站的常客，并且关注您网站的最新动态。考虑到这一点，Internet Explorer 现在为您提供了网站的动态磁贴，允许您的用户在浏览器之外与您的网站保持连接。

借助动态磁贴，您可以通过将突发新闻事件、新消息通知或新博文的标题等新内容放到他们的“开始”屏幕，来与您的用户进行互动。而且，您还可以支持网站的多个磁贴尺寸，从而允许用户以宽形磁贴或大磁贴来突出显示您的网站。

从左上角，向下移动每一列：IE 应用磁贴、youtube.com、techmeme.com、theverge.com、anandtech.com、mathrubhumi.com、twitter.com、reuters.com、t.msn.com、aol.com、economictimes.indiatimes.com、固定网站的 IE 体验演示、wired.co.uk、lapresse.ca、cnet.com、contrejour.ie、dhakatimes.com.bd、outlook.com、wellsfargo.com、geekwire.com、nymag.com、gawker.com、indiatimes.com、facebook.com、vyclone.com、polygon.com、wpcentral.com、theage.com.au。

从左上角，向下移动每一列：IE 应用磁贴、techmeme.com、contrejour.ie、wellsgargo.com、gawker.com、t.msn.com、youtube.com、vyclone.com、固定网站的 IE 体验演示、wpcentral.com

将动态磁贴添加到您的网站

网站的动态磁贴受定期通知的支持，其中平台将以预定义的轮询间隔，从服务器上托管的轮询 URI 中提取文本和图像，并在该网站的磁贴中显示这一内容。您可以通过以下三种方法之一，来添加您的网站的磁贴支持：通过您的网页上的 META 标记、通过创建清单文件或通过 JavaScript API。下面是网站使用 META 标记设置其 Windows 8.1 的磁贴的示例：

  <-- Logos for all four tile sizes -->    
 <-- Notification URL -->

此示例中定义的轮询 URI 包含要显示的通知内容，并且将每半个小时轮询一次。因此，在特定的 30 分钟间隔内，用户可以查看最多 5 个来自此网站的更新，从而使您的用户始终可与您的网站保持密切联系。

轮询 URI 包含遵循预定义模板的 XML 标记。这些模板对于网站和 Windows 应用都是相同的，并且可以控制磁贴的外观。模板可以是基于文本、基于图像或全部。下面的示例包括一个轮询 URI，其具有中等磁贴尺寸、宽形磁贴尺寸和大磁贴尺寸（注意大磁贴尺寸在 Windows 中受支持，而非 Windows Phone）的绑定。

                               Cheddar and Ham Skewers           This recipe for Cheddar and Ham Skewers made with Sargento Tastings is perfect whether you’re looking for an appetizer to entertain with, or you’re looking for a special crave-worthy afternoon snack                                   Cheddar and Ham Skewers

该绑定将产生以下磁贴，包括“开始”屏幕支持的全部四种尺寸：


大磁贴，使用 TileSquare310x310ImageAndTextOverlay02 模板	宽形磁贴，使用 TileWide310x150ImageAndText01 模板

中等磁贴，使用 TileSquare150x150Image 模板	小磁贴（没有通知）