热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

IE10让你的网站更多曝光(转载)

Windows8允许开发者将自己的网站与系统紧密整合在一起,比如,如果用户喜欢你的网站,他可以将网站固定到自己的“开始”屏幕中,你的网站就成为一个磁贴随时向他推送信息,用户点击这个磁贴就会

  Windows 8允许开发者将自己的网站与系统紧密整合在一起,比如,如果用户喜欢你的网站,他可以将网站固定到自己的“开始”屏幕中,你的网站就成为一个磁贴随时向他推送信息,用户点击这个磁贴就会直接通过 Internet Explorer 10 打开你的网站,大大提升了用户对你网站的关注度,为你创造更多的曝光和商业机会msdn官网

  一、在Windows 8 中固定网站

  Windows 8“开始”屏幕是查找和保持连接所有喜欢的应用和内容的最佳位置msdn官网。应用的磁贴是随着活动实时更新的,显示了最新的和定制的内容,让您可以了解与你相关的最新动态。我们撰写了一篇介绍Windows 8 的 Internet Explorer 10 Metro 风格的浏览体验的博客文章( 开发人员的角度详细介绍了如何支持网站固定。

  1. 固定网站比收藏夹更好用

  Windows 用户花费大量时间上网冲浪,我们通过 Windows 用户访问跟踪测试(参见官网: 的固定网站功能使可以更快、更轻松地返回喜欢的网站。利用锁屏提醒通知,网站磁贴可以实时更新最新的信息,让用户知道有新内容可用。
  开发人员可以利用固定网站来加强网站与用户之间的联系,直接在Windows“开始”屏幕上固定网站还有助于提升网站的品牌知名度

msdn官网

。我们发现在Windows 7 的 Internet Explorer 9 中,使用此功能的网站的访问量提高15%-50%。在Windows 8 中,网站磁贴更新为用户提供了更好的体验,用户甚至不必在浏览器中打开网站。
  以下两幅屏幕截图显示

msdn官网

了网站固定磁贴和锁屏提醒通知:
  2. 以网站为中心的网站固定磁贴

  作为网站开发人员,您可以提供一个网站图标(favicon),Internet Explorer 10 将在浏览器中使用该图标表示您的站点,在地址栏、新的标签页和“开始”屏幕上均使用该图标

msdn官网

。当将网站固定到“开始”屏幕上时,Internet Explorer 10 使用网站的大图标(32 x 32 像素)来标识网站,这与Internet Explorer 9 用来固定任务栏的方式是相同的。
  将一个网站固定到Metro 风格的IE10 中,显示了网站磁贴的预览Internet Explorer 10 从图标中提取主色并自动使用该颜色作为“开始”屏幕上磁贴的背景颜色

msdn官网

。一种用于创建图标的工具是x-icon editor。使用该工具可以为您的网站创建32x32 像素的图标。它还可以将图像转换为图标文件格式(.ico)。然后可以使用传统的favicon 标记来关联 .ico 文件。
  3. 可以在后台更新锁屏提醒通知

  Windows 8 可以在“开始”屏幕的磁贴上动态显示内容

msdn官网

。这非常适合于显示有更新内容的通知。例如来自其他用户的新消息(电子邮件和社交网络)、购物网站的最新打折信息、新闻网站的新文章,等等。
  利用Internet Explorer 10 和Windows 8,您可以直接在网站固定磁贴上提供锁屏提醒通知

msdn官网

。这意味着用户可以无需在浏览器中打开网站即可获取网站的更新。例如使用Windows 8消费者预览版的Internet Explorer 10 来固定Fresh Tweets demo(/)。网站固定磁贴将定期更新,并通知用户何时有新的微博发布。
  后台通知需要网站提供的组件包括:(1) 锁屏提醒通知XML,这是一个XML 响应,它描述了 Windows 的锁屏提醒通知;(2) 网站固定元标签,这是网页标记,它指向 Windows 动态显示通知的位置和动态显示的频率

msdn官网


  1) 锁屏提醒通知 XML

  Windows 将处理动态显示和锁屏提醒通知的绘制

msdn官网

。Windows 动态显示锁屏提醒通知XML,这个XML 描述了网站固定磁贴的视图。badge XML schema(:
  

  

  锁屏提醒可以是数字或图像字符,例如“警告”和“新消息”提示

msdn官网

。有关锁屏提醒可以显示的内容的完整列表,请参见MSDN 上的Choosing a badge image()。
  2) 网站固定元标签

  下一步是将锁屏提醒通知XML 关联到网页

msdn官网

。Internet Explorer 10 使用元标签“application-name”来确定网页是否支持网站固定功能(例如通知和跳转列表)。为了支持锁屏提醒通知,需要在标记中包含一个特定的(msapplication-badge)的元标签,并指定锁屏提醒通知XML 的URL 和Windows 对其更新的频率。IE 在固定时将检查页面上是否存在“msApplication-badge”元标签,之后从网站固定磁贴启动网站时也会进行这项检查。
  

  ;

  值参数有两个部分:polling-uri(必需)和frequency(可选)polling-uri 是绝对URL,Windows 将从它请求上面定义的简单XML 文档

msdn官网

。Frequency 是可选的,它表示两次更新之间的分钟数,必须使用以下值:
  30(Windows 将每隔30 分钟变换一次URI)

  60(1 小时)

  360(6 小时)

IE10让你的网站更多曝光(转载)

  720(12 小时)

  1440(1 天

IE10让你的网站更多曝光(转载)

msdn官网

,这是默认值)
  如果省略frequency,或者未使用上面列出的值,则将默认每天更新一次(1440分钟)

msdn官网


  3) 用于更新锁屏提醒通知的开发人员 API

  您还可以直接从网页清除和更新网站的锁屏提醒磁贴,以确保网站磁贴是最新的

msdn官网

。当用户从“开始”屏幕启动网站固定磁贴时,网站将运行其自己的一个名为“SiteMode”的会话,并且可以使用以下Javascript 函数来更新锁屏提醒:window.external.msSiteModeClearBadge()将清除磁贴上的锁屏提醒通知。在Fresh Tweets demo( 条未读)。
  在Windows 8 消费者预览版中,这两个API 函数仅能用于运行在本地局域网或受信任的网站区域中的网站

msdn官网

。这一问题将在下一个预览版中解决。要在您自己的网站上测试消费者预览版中的这些API,请使“Internet 属性”对话框中的“安全”选项卡将网站的域名添加到受信任的网站列表中。
  4) 桌面任务栏通知

  Windows 8 和 Internet Explorer 10 仍然可以在桌面任务栏上使用以图标覆盖形式出现的通知来进行站点的固定

msdn官网

。这种形式的通知不适用于Windows 8“开始”屏幕上的网站固定。Windows 8 将以一种省电模式处理“开始”屏幕上的所有磁贴通知。
  5) 使用跳转列表在网站中快速导航

  很多顶级网站

msdn官网

,例如NYTimes.com、CNN.com 和Amazon.com,都支持Internet Explorer 9 的网站固定功能,例如通过跳转列表()
  来获取特定任务或网站的部分内容

msdn官网

。在Internet Explorer 10 中,跳转列表作为导航栏的一部分提供,以一种“友好触摸”的方式提供了网站的导航。当用户从“开始”屏幕打开网站时,固定按钮将显示此站点有跳转列表可用。
  跳转列表的显示方式与Internet Explorer 9 在Windows 7 任务栏上的显示方式是相同的

msdn官网

。您可以通过网页标记将静态任务添加到网站的跳转列表中,也可以根据用户交互动态添加。Windows 8 锁屏提醒和跳转列表都是以网站为中心的功能。每个完全限定域名有且仅有一组变换数据和跳转列表数据。
  二、链接预览

  链接预览功能扩展了Windows8 的分享体验

msdn官网

。当用户从超级按钮栏(Charm Bar)中选择“分享”时,Internet Explorer 会生成一个链接预览——这是一个分享的数据对象,里面包含当前网页的强化信息。除了页面的URL,链接预览还包含网页的标题、描述、缩略图。为了生成这个链接预览,Internet Explorer10 会寻找特定的HTML 标签。要想利用这个功能,可以在网站的HTML 中包含以下支持链接预览的标签。
  1. 标题标签

  标题内容的长度限定在160 个字符以内,更长的标题在链接预览中会被截断

msdn官网


  

  

  2. 描述标签

  描述内容的长度限定在160 个字符以内,更长的描述在链接预览中会被截断

msdn官网


  

  3. 缩略图标签

  图片URL 的长度限定在2048 个字符以内

msdn官网


  

  

  

  

  以上这些标签可以任意组合,但我们推荐每类至少使用一个,以创建尽可能好的链接预览

msdn官网

。如果使用了同一类的多个标签,则链接预览使用网站HTML 中列出的第一个标签。
  IE9增加了可以将网站固定到Win7任务栏的特性,而IE10更是可以将网站固定到Win8的开始屏幕,并且同样可以动态更新,提升网站的体验

msdn官网

。同时这些功能可以有效的帮助网站留住用户,成为忠实用户,赶快动手让你的网站支持这些新特性吧,更多的内容可以参阅IE10兼容性白皮书,相信你会得到更多帮助,下载地址:

推荐阅读
  • 在本文中,我们将探讨如何在Docker环境中高效地管理和利用数据库。首先,需要安装Docker Desktop以确保本地环境准备就绪。接下来,可以从Docker Hub中选择合适的数据库镜像,并通过简单的命令将其拉取到本地。此外,我们还将介绍如何配置和优化这些数据库容器,以实现最佳性能和安全性。 ... [详细]
  • 使用 ListView 浏览安卓系统中的回收站文件 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • 在使用 Qt 进行 YUV420 图像渲染时,由于 Qt 本身不支持直接绘制 YUV 数据,因此需要借助 QOpenGLWidget 和 OpenGL 技术来实现。通过继承 QOpenGLWidget 类并重写其绘图方法,可以利用 GPU 的高效渲染能力,实现高质量的 YUV420 图像显示。此外,这种方法还能显著提高图像处理的性能和流畅性。 ... [详细]
  • 基于JSP和SSM框架的超市收银系统毕业设计论文及源代码分析
    本研究基于JSP和SSM框架开发了一套超市收银系统,旨在提升超市收银效率和管理便捷性。系统运行环境包括JDK 1.8、Tomcat 7.0、MySQL数据库以及HBuilderX(也可使用WebStorm)作为前端开发工具,后端开发则采用Eclipse(IntelliJ IDEA亦可)。该系统实现了商品管理、订单处理、库存管理和报表生成等核心功能,具有良好的稳定性和扩展性。通过详细的设计与实现过程,本文为相关领域的研究提供了有价值的参考。 ... [详细]
  • 在处理 XML 数据时,如果需要解析 `` 标签的内容,可以采用 Pull 解析方法。Pull 解析是一种高效的 XML 解析方式,适用于流式数据处理。具体实现中,可以通过 Java 的 `XmlPullParser` 或其他类似的库来逐步读取和解析 XML 文档中的 `` 元素。这样不仅能够提高解析效率,还能减少内存占用。本文将详细介绍如何使用 Pull 解析方法来提取 `` 标签的内容,并提供一个示例代码,帮助开发者快速解决问题。 ... [详细]
  • PHP预处理常量详解:如何定义与使用常量 ... [详细]
  • 本文探讨了如何利用Java代码获取当前本地操作系统中正在运行的进程列表及其详细信息。通过引入必要的包和类,开发者可以轻松地实现这一功能,为系统监控和管理提供有力支持。示例代码展示了具体实现方法,适用于需要了解系统进程状态的开发人员。 ... [详细]
  • 使用Maven JAR插件将单个或多个文件及其依赖项合并为一个可引用的JAR包
    本文介绍了如何利用Maven中的maven-assembly-plugin插件将单个或多个Java文件及其依赖项打包成一个可引用的JAR文件。首先,需要创建一个新的Maven项目,并将待打包的Java文件复制到该项目中。通过配置maven-assembly-plugin,可以实现将所有文件及其依赖项合并为一个独立的JAR包,方便在其他项目中引用和使用。此外,该方法还支持自定义装配描述符,以满足不同场景下的需求。 ... [详细]
  • 分享一款基于Java开发的经典贪吃蛇游戏实现
    本文介绍了一款使用Java语言开发的经典贪吃蛇游戏的实现。游戏主要由两个核心类组成:`GameFrame` 和 `GamePanel`。`GameFrame` 类负责设置游戏窗口的标题、关闭按钮以及是否允许调整窗口大小,并初始化数据模型以支持绘制操作。`GamePanel` 类则负责管理游戏中的蛇和苹果的逻辑与渲染,确保游戏的流畅运行和良好的用户体验。 ... [详细]
  • 在当前的软件开发领域,Lua 作为一种轻量级脚本语言,在 .NET 生态系统中的应用逐渐受到关注。本文探讨了 Lua 在 .NET 环境下的集成方法及其面临的挑战,包括性能优化、互操作性和生态支持等方面。尽管存在一定的技术障碍,但通过不断的学习和实践,开发者能够克服这些困难,拓展 Lua 在 .NET 中的应用场景。 ... [详细]
  • 本文介绍了如何利用ObjectMapper实现JSON与JavaBean之间的高效转换。ObjectMapper是Jackson库的核心组件,能够便捷地将Java对象序列化为JSON格式,并支持从JSON、XML以及文件等多种数据源反序列化为Java对象。此外,还探讨了在实际应用中如何优化转换性能,以提升系统整体效率。 ... [详细]
  • 在Android应用开发中,实现与MySQL数据库的连接是一项重要的技术任务。本文详细介绍了Android连接MySQL数据库的操作流程和技术要点。首先,Android平台提供了SQLiteOpenHelper类作为数据库辅助工具,用于创建或打开数据库。开发者可以通过继承并扩展该类,实现对数据库的初始化和版本管理。此外,文章还探讨了使用第三方库如Retrofit或Volley进行网络请求,以及如何通过JSON格式交换数据,确保与MySQL服务器的高效通信。 ... [详细]
  • 本文详细解析了使用C++实现的键盘输入记录程序的源代码,该程序在Windows应用程序开发中具有很高的实用价值。键盘记录功能不仅在远程控制软件中广泛应用,还为开发者提供了强大的调试和监控工具。通过具体实例,本文深入探讨了C++键盘记录程序的设计与实现,适合需要相关技术的开发者参考。 ... [详细]
  • 深入解析Java虚拟机的内存分区与管理机制
    Java虚拟机的内存分区与管理机制复杂且精细。其中,某些内存区域在虚拟机启动时即创建并持续存在,而另一些则随用户线程的生命周期动态创建和销毁。例如,每个线程都拥有一个独立的程序计数器,确保线程切换后能够准确恢复到之前的执行位置。这种设计不仅提高了多线程环境下的执行效率,还增强了系统的稳定性和可靠性。 ... [详细]
author-avatar
狗且偷生
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有