IE Dream Taskbar 简单使用

  2013-05-18 00:00:00 CST

  Jingwen Peng

  Web

Pin

从 IE9 开始,微软就打着 “尽享网络之美” 的旗号四处宣扬,其中一个网页 Pin 计划是其中很出色的一个功能。 它支持把网页直接锁定到 Windows 的超级任务栏上,提供一些方便快捷的功能。

详细说明,什么是 Pin: Pin,就是固定,简单来说,IE9 提供一个全新优化网站访问方式的特性,通过几行 HTML 代码 (标签),将网站应用访问方式提升为 Windows 桌面端应用访问方式,增强用户体验,提升网站品牌标识度,并大幅提高用户使用粘性。只需打开要 Pin 的网页,鼠标点住该标签页拖拽到任务栏上就可以完成锁定,即便重新启动电脑,你的网站也在桌面上有了固定入口。

下面介绍一下实现步骤:

  1. 制作一个高清图标,普通的网站小图标为 16x16,要想 Pin 到任务栏且保证效果,图标大小推荐为 64x64。 在线图标制作网站很容易就能把 png 转为 ico。

  2. 建立静态跳转列表。这里有两种实现方式,一是 HTML 的 meta 标签,二是 JQuery。

  3. 其他功能还有 动态跳转列表、提示功能、预览窗口功能等。在这不一一列举了,访问微软开发者社区能获得更详尽的信息。

HTML 代码如下:

1
<meta name="msapplication-task" content="name=XXXXXX; action-uri=http://XXXXXX; icon-uri=XXXXXX" />

JQuery 代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("#steps a").each(data, function (key, val) {
    var $this = $(this);
    var item = {
        'name': $this.html(),
        'url': $this.attr("XXXXXX"),
        'icon': "XXXXXX"
    };
    stepsArray.push(item);
});

$.pinify.addJumpList({
    title: "XXXXXX",
    items: stepsArray
});

最方便快捷的当然是添加 meta 标签,简单而且不用去修改已有的 js。

如果您有疑问或建议,请在下方评论区域留言

遵循 BY-NC-ND 协议

评论功能加载中...