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,这样在不同情况下会自动展示合适大小的图标。