在 Windows 8中,固定站点: 获得更多的网站可视性

分享于 

9分钟阅读

Web开发

  繁體

在10天内开发 Windows 8应用程序。

Windows 8开始屏幕是查找和保留所有你喜欢的应用程序和内容的最佳地方。 应用程序砖活动与活动,显示新的和定制的内容,以便你知道新的世界是什么。

我们在 8上写了关于 IE 10的浏览体验。 这篇文章展示了如何将站点 logo 放在 Windows 8开始屏幕上的应用程序旁边。 我还将通过几行代码,你需要你的站点从看起来像左瓦。到右边的平铺:

固定的站点- 超过收藏夹

在 Windows 上使用的用户大部分时间都在网络上,我们从 Windows 选项中知道,他们返回到同一个站点的时间和时间,这一点。 Windows 8上的固定站点使你快速轻松地访问你的站点。 使用徽标通知,站点砖会生活,并且可以帮助你了解新内容何时可以用。

开发者可以利用固定网站更好地连接他们的网站和他们的用户,并直接在 Windows 开始屏幕推广他们的网站。 在 Windows 网站上,我们发现使用这个特性的网站在访问网站时,从到 50 % 增加了1 %。 在 Windows 8中,使用者的经验更好地在网站平铺更新,即使在浏览器中没有网站打开。

以下两个屏幕截图说明了固定的站点瓦片和徽章通知。

开始屏幕上的固定站点显示站点中心视觉和徽章通知

网站固定瓦片上的徽章通知示例

对固定的站点平铺进行居中的可视化

在Web网站上,你可以提供一个站点 icon (。图标 ),IE10使用它来表示该站点,在新的选项卡页面上,在新标签页上,以及在开始屏幕上。 IE10使用大型站点 icon ( 32 x 32像素) 来标识网站时,它被锁定到开始屏幕上,同一方式用于钉住任务栏。

使用地铁样式IE10锁定网站的屏幕快照显示网站平铺的预览

IE10从 icon 提取主要颜色,并自动将它的用作开始屏幕平铺的background 颜色。

创建图标的一个工具是图标编辑器。 使用它为你的站点创建 32 x32 icon。 它还可以将图像转换为 icon 文件格式(. ico )。 然后使用传统的图标标记标记关联. ico:

<linkhref="testdrive.ico"rel="shortcut
icon"/>

在后台更新的徽章通知

Windows 8可以轮询启动屏幕上固定瓦片的更新。 这适用于轻量级通知,例如来自它的他用户( 电子邮件&社交网络)的新消息。新的折扣。新文章的新文章。

使用 IE 10和 Windows 8,你可以在固定的站点瓦片上直接提供徽章通知。 也就是说,用户在浏览器中没有打开站点的情况下更新他们的站点。 例如使用IE10对 Windows 用户预览使用来演示新的tweet demo。 固定的站点平铺更新定期更新,并在有新的推特可用时通知用户。

后台通知要求提供站点提供的组件。 这是( 1 ) 警告 XML,一个XML响应,描述 Windows的徽标通知,( 2 ) 标记,指向 Windows 应轮询通知的位置和频率。

徽章通知 XML

Windows 处理badge通知的轮询和绘图。 Windows 对描述固定站点平铺的标记的标记通知XML进行轮询。 标记 XML Schema 定义了这个简单的XML响应。 例如要用数字" 3"更新图块,请使用以下 XML:

<?xmlversion="1.0"encoding="utf-8"?><badgevalue="3"/>

徽章可以是数字或者标志符号,如'提醒'和'新邮件'指示器。 有关徽章可以显示的完整列表,请参见在MSDN上选择徽章图像

固定站点元标记

下一步是将徽章通知XML与网页关联起来。 IE10使用meta标记 "应用程序名称"确定网页是否支持固定的站点功能,比如通知和跳转列表。 为了支持徽章通知,在标记中包含新的meta标记,标记标记XML的URL和 Windows 应请求它的频率。 IE 检查是否在锁定时在页面上存在" msApplication-badge"元标记,以及从固定站点的后续启动。

<metaname="msapplication-badge"value="frequency=360;polling-uri=http://ietestdrive2.com/PinnedSites/TweetCounter/microsoft/360"/>

参数有两个部分: 轮询 uri ( 必选) 和频率( 可选)。

轮询URI是 Windows 请求上面定义的简单XML文档的绝对 URI。

频率是更新之间的可选分钟数,必须是下列值之一:

  • 30 ( Windows 将每隔 30分钟轮询一次 URI )
  • 60 ( 1 小时)
  • 360 ( 6 小时)
  • 720 ( 12小时)
  • 1440 ( 1 日。这是默认设置。)

如果省略频率或者有一个除列出的上面 之外的值,则默认为每日更新( 1440分钟)。

更新徽章通知的开发人员 api

你还可以清除和刷新网站平铺徽章,以确保网站平铺是最新的。

用户通过启动屏幕启动固定站点平铺时,该网站在自己的会话中运行,名为 SiteMode,可以使用以下JavaScript功能更新该标记。

  • window.external.msSiteModeClearBadge() 清除瓷砖上的徽章通知。 如果用户收到通知并点击tiles启动浏览器,那么网页使用 msSiteModeClearBadge() 清除来自页面的通知。 下次用一个徽章更新后,用户就知道有新的内容。
  • window.external.msSiteModeRefreshBadge() 调用 Windows 以使用轮询URI更新站点上的标记。 例如,用户看到一个固定的站点平铺,指示三个未读消息并单击平铺返回站点。 如果他只读取第一个更新,你可以触发一个更新,这样徽章反映了正确的读/读数。

在 Windows 8使用者预览中,这两个api仅在本地intranet或者可信站点区域中运行的站点上运行。 这将在下一次预览中修复。 要在你自己站点的使用者预览中测试这些 api,请使用Internet属性对话框的安全选项卡将它的域添加到可信站点列表。

桌面任务栏通知

显示为 icon的通知将在桌面任务栏上的固定站点上覆盖,将继续在桌面上的8和IE10中工作。 这里通知形式在 Windows 8开始屏幕的固定站点上不可用。 Windows 8处理开始屏幕上所有砖块的通知,并以电池高效方式执行这里操作。

跳转列表以在站点内快速导航

许多顶级站点比如 NYTimes.com, CNN.com, 和 Amazon.com 支持IE9的站点特性,比如跳转列表来访问特定任务或者站点的一部分。 使用 IE10,跳转列表作为导航栏的一部分提供,用于浏览站点的触摸友好方式。

当用户从开始屏幕启动站点时,pin按钮显示该站点有可以用的跳转列表:

显示新的tweet跳转的屏幕快照

显示的跳转列表与IE9在 Windows 7任务栏上显示的相同。

你可以通过页面标记( 了解更多信息。) 或者基于用户交互(了解更多信息。),将 static 任务添加到站点列表的跳转中。 Windows 8中的徽章和跳转列表是一个以站点为中心的特性。 每个完全限定域 NAME 都可以拥有一组轮询数据和跳转列表数据。

结束语

IE 10通过与 Windows 8开始屏幕集成,将站点放在经验中心。 Web开发人员可以为固定网站砖创建网站,共享网站的新更新,并提供跳转列表。

期待你将这些简单特性添加到你的网站,以最大程度地提高它们在 Windows 8中的影响。

Rahul Lalmalani是 IE 团队的一个项目经理


相关文章