开发者社区> 浣熊干面包> 正文

在IE9中为你的网站自定义JumpList

简介:
+关注继续查看

Windows7允许你将任何一个应用程序固定到Windows状态栏以方便日后使用,你可以将这个功能看作是快捷方式的一种升级,毕竟,它比快捷方式看起来要人性化许多。这是微软在给Windows7设置的许多人性化的小功能中的一个亮点,相信许多使用过Windows7的用户都用过这个功能。现在,微软在给新一代的IE9浏览器中也加入这个人性化的功能,你可以直接将IE9的地址选项卡拖放到Windows7的状态栏中,从而固定一个网站或页面。在之前的IE8或IE7中,我们只能固定IE本身,而不能固定你要浏览的某个网站或页面。有关IE9的新功能,你可以去微软的官方网站看看更详细的介绍。

http://windows.microsoft.com/ie9

 

  默认情况下,在IE9中你可以将任何一个页面固定到Windows7的状态栏中,当点击它时会有一个小窗口在状态栏中弹出来,我们称之为JumpList,这个是IE9附带的功能,我们可以定制我们的站点让JumpList中的内容更加丰富一些。例如下面这个网站,

 

   除了网站名称、图标和启动页之外,还定制了一些Tasks。IE9允许你在网站中设置一些meta标记来告诉IE9当你固定这个站点时如何生成特定的JumpList。

  所有的设置都是通过meta标记来完成的!当然,在为你的网站定制JumpList之前,最好还是给你的站点设置一个漂亮的icon图标吧,它不仅会出现在IE浏览器的地址栏中,同样会出现在用户的收藏夹里以及JumpList中。注意了,JumpList的图标只支持ico格式的图片哦。如果你没有为你的网站指定任何图标,IE会使用自己默认的图标。如果你手头上没有合适的工具转换ico图片,可以去一个在线的网站进行转换,非常方便!另外还要说一下,JumpList支持的ico图标的大小可以是16x16或32x32的,但是推荐使用后者,因为16x16的尺寸在显示时图片会被拉伸。

  好了,来看看具体如何定制吧。

  首先是网站的名称。通过application-name来指定,如:

<meta name="application-name" content="Instant Fundas" /> 

   然后是提示信息,就是当你将鼠标指向状态栏中的网站时要显示的内容。通过msapplication-tooltip来指定,如:

<meta name="msapplication-tooltip" content="Instant Fundas - All Things Technology And More" />

   接下来是定制Tasks。可以通过msapplication-task来指定,通常一个JumpList最多只能显示5个Tasks,多余的Tasks将不会被显示出来。注意指定icon-uri图标时图片格式必须为ico,其余格式的图片无效。

复制代码
<meta name="msapplication-task" content="name=Latest Freeware;action-uri=http://www.instantfundas.com/search/label/Software;icon-uri=http://cache2.instantfundas.com/icons/downloads.ico" /> 

<meta name="msapplication-task" content="name=Latest Web Apps;action-uri=http://www.instantfundas.com/search/label/Internet;icon-uri=http://cache2.instantfundas.com/icons/webapps.ico" /> 

<meta name="msapplication-task" content="name=Latest Tips;action-uri=http://www.instantfundas.com/search/label/Tutorials%20n%20Tips;icon-uri=http://cache2.instantfundas.com/icons/tips.ico" />
复制代码

   然后你还可以指定启动页面的地址,也是通常所说的landing page。这是一个可选的设置,缺省情况下它会将网站的根地址作为启动页面,当然你也可以将网站中的任何一个页面作为启动页面,可以通过msapplication-starturl来指定,如:

<meta name="msapplication-starturl" content="http://www.instantfundas.com/" />

   可选内容msapplication-window可以用来设置页面启动时的默认大小,如:

<meta name="msapplication-window" content="width=1140;height=900"/>

  

  以上就是我们可以用来在IE9中定制JumpList的meta标记,是不是用起来很简单呢?赶快去你的网站中添加这些标记,然后看看会有什么变化吧!

 

相关链接:

http://blog.reybango.com/2010/09/16/how-to-add-internet-explorer-9-jump-lists-to-your-site/

http://blogs.msdn.com/b/thebeebs/archive/2010/09/16/how-to-add-ie9-beta-pinning-to-you-website.aspx



本文转自Jaxu博客园博客,原文链接:http://www.cnblogs.com/jaxu/archive/2010/11/17/1879617.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
支持stl容器的gdb自定义命令
# 本文可以从https://sourceware.org/ml/gdb/2008-02/msg00064/stl-views.gdb直接下载 # 有关gdb的高级使用,请浏览:http://blog.chinaunix.net/uid-20682147-id-76425.html # # 使用方法: # 将以下内容追加到~/.gdbinit文件的尾部,然后再启动gdb,如果gdb已经启动,则可以source ~/.gdbinit来立即生效。
808 0
如何利用全站加速,提升网站加速性能和用户体验?
阿里云全站加速产品是阿里云自主研发的融合了动态加速技术和静态加速技术的CDN产品,可以很好的解决页面动静态资源混合、跨运营商、网络不稳定、单线源站、突发流量、网络拥塞等诸多因素导致的响应慢、丢包、服务不稳定的问题,全面提升全站性能和用户体验。
985 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
27723 0
JAVA之旅(十)——异常的概述,Try-Catch,异常声明Throws,多异常处理,自定义异常,Throw和Throws的区别
JAVA之旅(十)——异常的概述,Try-Catch,异常声明Throws,多异常处理,自定义异常,Throw和Throws的区别 一.异常的概述 异常算是程序中一个比较重要的环节了,我们首先来看一下异常的体系,我们举一个小例子,定义一个除法方法 //公共的 类 类名 public .
1399 0
Android--自定义Listview
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/chaoyu168/article/details/53895168 DEMO下载:http://download.csdn.net/detail/chaoyu168/9722375 程序将实现一个使用自定义的适配器(Adapter)绑定  数据,通过contextView.setTag绑定数据有按钮的ListView。
762 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
19980 0
SharePoint开发——利用CSOM逐级获取O365中SharePoint网站的List内容
博客地址:http://blog.csdn.net/FoxDave 本文介绍如何利用SharePoint客户端对象模型(.NET)逐级获取Office 365网站中List的内容,仅仅是示例,没有讲究太多东西。
724 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
23523 0
941
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载