用IE9把你的网站定到任务栏

效果先上图:像iPad iPhone 可以把网页当成一个APP 图标一样的放在桌面上。可以快速启动。

IE9+ 的版本提供了这个功能,只需要在 网页的 head 里面设置相应的 meta 字段即可。

具体原理可以参见这儿: IE9浏览器固定网站功能的实现方法

实现的代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IE9 自定义图标</title>
<meta name="keywords" content="壁纸,手机壁纸,安卓手机壁纸,高清壁纸合集,安卓壁纸下载,电脑桌面,iPhone壁纸,安卓壁纸">
<meta name="description" content="wallfaves.com 为您提供多种风格的高清壁纸,无论您使用电脑,安卓手机,iPhone,iPad您都可以从wallfaves.com 找到您喜欢的壁纸">
<link rel="shortcut icon" href="http://localhost/ie9test/wallfaves.ico">
<meta name="msapplication-task" content="name=task1首页;action-uri=http://wallfaves.com/?ie9;icon-uri=http://wallfaves.com/resource/img/wallfaves.ico" />
<meta name="msapplication-task" content="name=task2分类;action-uri=http://wallfaves.com/?ie9;icon-uri=http://wallfaves.com/resource/img/wallfaves.ico" />
<meta name="msapplication-task" content="name=task3标签;action-uri=http://wallfaves.com/?ie9;icon-uri=http://wallfaves.com/resource/img/wallfaves.ico" />


</head>

<body>

TTEESSTT
</body>
</html>

  

注意:

content="name=task1首页;action...

content 字段取值不能有空格,有空格,后面就解析不下去了。起码我的IE10 是这样的。

前进后退的按钮 在添加到任务栏完成后,会自动根据 ico 的色调变化,大部分情况下不需要再单独设置

<meta name=”msapplication-navbutton-color” content=”#0099cc” /> 等颜色~

 

 

posted on 2013-05-07 16:19  trance  阅读(225)  评论(0编辑  收藏  举报

导航