生活哲学

为 IE9 准备网站

为 IE9 准备网站的图片 1 Internet Explorer 9-Internet Explorer 9 可以为用户提供令人印象深刻的浏览体验,但要利用浏览器,网页设计师需要优化网站。符合 IE9 要求

微软最新的浏览器不仅是一次纯粹的升级,它还提供了 Windows 和 Web 之间前所未有的集成,将桌面体验扩展到 Web 应用程序。

网络使用越来越普及,越来越多的人无法分离Gmail、Box.net和Mint.com等云应用。使用此类网站的体验几乎与使用传统桌面应用程序一样,除了传统的基于 Web 的非常驻应用程序。 IE 9 可以为任何网站提供相同的交互体验。用户可以通过将网站图标拖入 Windows 7 的任务栏来实现这种集成,就像软件应用程序一样。

将网站固定到任务栏将使用户更容易观察并可以直接访问他们需要的内容。但是,为了让用户有理由将您的网站固定在任务栏上-更重要的是,让他们了解与您的网站交互的意义,就好像应用程序安装在您的计算机上一样。 set-你需要使用跳转列表,Jump Lists,这是 Windows 7 的一个功能,它使用菜单选项直接跳转到功能或访问最近使用或经常使用的功能。

Windows 7 任务栏

IE 9 最大限度地发挥了 Windows 7 的“独特”功能,允许用户像在操作应用程序一样操作网站。当用户单击任务栏上的网站图标时,您可以创建跳转列表菜单。跳转列表将允许用户访问新内容、经常使用的内容或最近使用的内容,并在有新内容可用时接收警报提醒。

实施网站调整需要您对 HTML 和 Web 编程有最低限度的了解。但是,作为专家,无需太多知识,您可以在几分钟内完成这项任务。

第一个技巧是把一个网站的图标从IE9的地址栏拖到任务栏里,永久固定在这里。然后,您将在任务栏上看到该站点徽标,并可以随时单击它访问该网站。

LinkedIn 和 Windows Live 是可以使用 Jump Lists 跳转列表执行与应用程序相同功能的众多站点中的两个。使用 LinkedIn 或 Windows Live,用户可以单击跳转列表中的项目直接进入站点内的特定页面或功能。

为IE9准备网站的图片2
下图展示了Windows 7中任务栏的交互功能

创建跳转列表列表

将 Facebook 固定到 Windows 7 任务栏比为本网站创建快捷方式方便得多,而且 LinkedIn 和 Windows Live 还提供了可以说几乎就像安装的软件应用程序一样的集成体验.在计算机上本地设置,例如 Outlook。向站点添加简单的跳转列表任务非常简单,那么为什么不让站点访问者出于某种原因将站点固定到任务栏呢?

在 IE 9 和 Windows 7 中,跳转列表中的任务将链接到用户单击并直接访问的静态 URL,无论该站点当前是否被固定打开。您可以将这些任务与网站最受欢迎的功能进行分组,以便用户可以直接跳转到这些功能,而无需打开浏览器并手动导航到相应的页面。

为IE9准备网站的图3
Facebook(左)的跳转列表非常基础,但LinkedIn(中)和Windows Live(右)的跳转列表功能很多。

链接的任务将保存为静态 URL-这些链接直接链接到站点或特定功能。您可以使用 HTML 元标记在跳转列表中定义最多 5 个任务。 Metatag 将定义基本站点信息,将其与固定站点一起存储。这是一个如何为网站定义跳转列表的示例,引用自微软t 文档(虽然文档本身网上没有,但是你可以找到它的内容和提示。在这里):


content="name=Task 1; action-uri=http:///host/Page1.html; icon-uri=http:///host/icon1.ico"/>

>content="名称=任务 2;action-uri=http:///microsoft.com/Page2.html;icon-uri=http:///host/icon2.ico"/>

这段代码定义了两个标签:'Task 1'和'Task 2'。当用户选择“任务 1”时,将显示 Page1.html 站点,选择“任务 2”将显示 Page2.html 站点。每个任务都将在单独的选项卡中打开。如果固定站点当前未在计算机上打开,单击这些跳转列表菜单项将打开一个新的浏览器窗口。

跳转列表

创建类别

您的网站还可以添加跳转列表项目,以扩展 5 个跳转列表任务之外的功能。跳转列表项允许您直接输入某些目标,例如文件、文档或 URL。您可以使用 SiteMode API 创建自定义跳转列表类别,其中包含每个特定用户的唯一链接,例如个人资料页面。

跳转列表类别允许网站向用户分发动态信息,即使他们在网站上不活跃。您可以使用此功能来提供用户历史访问权限,例如访问过的站点或打开的文件,或者您可以使用它来创建与站点相关的操作警报。-例如,新公告或即将举行的活动。

要创建跳转列表项,您必须按照以下步骤操作。

创建项目

第一个任务是为项目创建标签。下面的代码显示了如何创建一个名为“List1”的项目。在跳转列表项至少分配一个项目之前,项目标签不会出现。

window.external.msSiteModeCreateJumplist ('List1');

创建 item

下面的代码描述了如何创建一个跳转列表类别,其中包含名为“Item1”、“Item2”和“Item3”的三个项目。参数名后面是定义URL的参数,然后参数指定item的显示图标。

window.external.msSiteModeAddJumpListItem ('Item 1', 'http:///host/Item1.html', 'http:///host/images/item1.ico');
window.external.msSiteModeAddJumpListItem ('Item 2', 'http:///host/Item2.html', 'http:///host/images/item2.ico');
window.external.msSiteModeAddJumpListItem('项目 3' , 'Item3.html', 'images/item3.ico');

显示列表

上面的代码已经为列表创建了项目,但是并没有显示出来。使用以下代码显示跳转列表中的项目列表:

window.external.msSiteModeShowJumplist ();

删除列表

如果将跳转列表类别分配给站点历史或最近的操作,您可以将有效时间用于这些操作。使用下面的代码从跳转列表类别中删除项目:

window.external.msSiteModeClearJumplist ();

为IE9准备网站的图片4
您可以将警报添加到您网站的跳转列表

您可以使用上述方法创建跳转列表项并将其分配给站点。可以安排在一个类别中显示多达 12 个项目。需要注意的是,克隆的项目将被忽略;超过最大数量或与显示模式或文本大小不匹配的项目将不会显示。

显示叠加图标

IE9 在 Windows 7 上的最佳功能之一是能够显示固定在任务栏上的站点覆盖图标。为什么这个叠加图标如此重要?这是因为固定站点可能被站点和其他应用程序闲置或隐藏。此叠加图标可让您显示动态内容或网站更新,从而吸引用户的兴趣并让他们点击访问您的网站。

相关资讯

评论

回复