Win7用户应该都用过固定应用程序的功能,像之前IE8也可以固定在任务栏上,而新的IE9则有了新的功能固定网站(pinned sites),可以将常用站点固定到任务栏/开始菜单方便访问。如果不清楚这个功能的可以看下面的操作。

要固定某个网站,可以有多种方式:将地址栏左侧的favicon /网站的选项卡/“新建选项卡”页上的favicon拖到任务栏固定;favicon的2种方式还可以拖到开始菜单上固定

 

固定任务栏右键可以出现Jump List

固定开始菜单

通过固定网站就可以直接访问这个网站,而且IE9会集成该网站的favicon、prev和next按钮也会根据favicon的颜色而变化,当然也可以自己定义一个固定的颜色。

 

 

About Jump List

IE9的Jump List里的任务可以通过meta标签定义

 

<meta name="application-name" content="淘宝网 - 淘!我喜欢"/>

应用名,如果没有的话会以页面 title代替。

 


 

<meta name="msapplication-tooltip" content="淘宝网 - 淘!我喜欢"/>

 


<meta name="msapplication-starturl" content=" http://example.com/start.html"/>

应用的根地址,如果没有的话以当前页的地址代替。

 

<meta name="msapplication-window" content="width=800;height=600"/>

对通过固定网站打开的窗口指定大小。

 

 

<meta name="msapplication-navbutton-color" content="#FF6600"/>

如果不指定颜色,则会根据favicon自动调整按钮颜色。

 


 

<meta name="msapplication-task" content="name=淘宝商城;action-uri=http://www.tmall.com/;icon-uri=http://img02.taobaocdn.com/tps/i2/T1bZNxXjXjXXXXXXXX.png" />
<meta name="msapplication-task" content="name=聚划算;action-uri=http://ju.taobao.com/index.htm;icon-uri=http://www.taobao.com/favicon.ico" />

利用msapplication-task可以自定义任务

 

除了用meta标签对Jump List里的任务进行自定义,还可以用js自定义新的Jump List及内容

 

window.external.msSiteModeCreateJumplist('Fav'); //创建新的JumpList

window.external.msSiteModeAddJumpListItem(
'taobao', 'http://www.taobao.com/', 'http://www.taobao.com/favicon.ico'); //新的JumpList item

window.external.msSiteModeClearJumplist();
//清空自定义JumpList

window.external.msSiteModeAddJumpListItem(
'ued', 'http://ued.taobao.com/', 'http://www.taobao.com/favicon.ico'); //新的JumpList item

window.external.msSiteModeShowJumplist();
//更新自定义JumpList

 

除了对JumpList定义内容,还可以设置/清除Overlay Icons,设置thumbnail buttons在预览状态下控制视频等。

 

About Favicon

Favicon文件格式通常都是ico,当然也可以用png、gif等其他格式。

<link rel="shortcut icon" href=" http://example.com/image.ico" />
<link rel="icon" type="image/png" href="http://example.com/image.png" />
<link rel="icon" type="image/gif" href="http://example.com/image.gif" />

如果是使用ico格式的favicon,那么有第一行rel=”shortcut icon”的代码就够了,当需要使用其他格式时才需要添加rel=”icon”的代码

维基百科上对favicon及浏览器的兼容性有详细的解释

http://en.wikipedia.org/wiki/Favicon

 

一般常见的favicon都是16x16大小的,但是在win7下,无论是“新建选项卡”页上的favicon还是任务栏上显示的favicon都是32x32的,16x16大小的在这种情况下就会边上留空,而反过来的话,32x32大小图标在16x16的情况下又会被压缩变形

因此这种情况下普通的png、gif一类格式就不适用了,只能用合并过的ico。

这里用的是Axialis IconWorkshop,可以将不同大小的图标合并成一个ico,这样在不同情况下会自动展示合适大小的图标。

posted on 2011-04-13 16:56  水忧狐  阅读(408)  评论(0编辑  收藏  举报