效果先上图:像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” /> 等颜色~