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

news/2024/5/12 4:48:45/文章来源:https://blog.csdn.net/weixin_34032779/article/details/85468116

  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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_760788.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

探讨国外网站设计动用的成本,网页设计师必看

【摘 要】我们都承认国外的网站设计价格高&#xff0c;同样一个看似简单的网站价格是国内几倍或者数倍。通过此文&#xff0c;希望国内的网站设计师同行稍稍静下心来&#xff0c;不要浮躁... 同样是一个网站设计&#xff0c;国外的设计却蕴涵了设计背后的更多东西&#xff0c;…

安全狗云备份、服云、网站安全中心web端全面更新

2019独角兽企业重金招聘Python工程师标准>>> 近日&#xff0c;安全狗对web端安全狗服云、云备份、网站安全中心进行了全面的升级更新&#xff0c;将为安全狗的用户朋友们带来全新的、更好的体验。 之前有很多用户表示能否用人民币 购买空间&#xff0c;用安全…

给网站添加浏览器标题图标favicon.ico

2019独角兽企业重金招聘Python工程师标准>>> 嘿嘿&#xff0c;比较简单&#xff0c;直接贴代码了(常见的浏览器如IE、Firefox、Chrome都适用)&#xff1a; <head><link rel"icon" href"img/favicon.ico" type"image/x-icon"…

新手学习在Ubuntu 14.04搭建Javaweb网站(1)--设置root密码

2019独角兽企业重金招聘Python工程师标准>>> 1.使用VMware安装了Ubuntu 14.04 x64位版&#xff0c;VMware根据ISO识别出是安装的Ubuntu&#xff0c;所以使用VMware Easy Install&#xff0c;安装的时候要会要求输入账号和密码 2.安装完成后&#xff0c;使用创建的账…

分析网站配色的Firefox插件[前端工具]

推荐一个Firefox插件&#xff0c;Rainbow Color Tools&#xff0c;一款网页取色工具&#xff0c;有个特色功能是能够分析网站的配色&#xff0c;如图&#xff1a; 插件&#xff1a; 下载Firefox插件Rainbow Color Tools

20个令你喜悦的食品相关网站案例推荐

食品相关的网站是越来越好。以帮助那些热爱美食的人群。新的餐馆的菜谱中&#xff0c;总是有一些新的东西弹出。所以今天我们决定收集一些很好的例子来激励你。你会看到&#xff0c;食品网站通常都喜欢用大和多彩的摄影&#xff0c;优雅的排版&#xff0c;和偶尔细微的纹理的东…

分享25个漂亮的国外绿色网站设计作品

在现在的网页设计中&#xff0c;绿色是设计师们最喜欢选用的颜色之一&#xff0c;绿色代表着活力、生长、宁静和青春。今天&#xff0c;本文收集了25个漂亮的国外绿色网站设计作品与大家分享&#xff0c;希望能带给你灵感&#xff0c;一起欣赏。 1. Reap 2. Zaarly 3. Nebud-Jo…

使用wmap扫描指定网站并获取网站漏洞信息

前置条件 靶机&#xff1a;OWASP_Broken_Web_Apps_VM_0.94 靶机IP&#xff1a;192.168.88.138 初始密码是&#xff1a;root/owaspbwa kali安装的镜像为&#xff1a;kali-linux-2019.1a-amd64.iso KaliIP为&#xff1a;192.168.88.132 使用wmap服务扫描web服务 进入到Met…

网站扫描工具paros proxy(v3.2.13)安装与使用总结

2019独角兽企业重金招聘Python工程师标准>>> 1、安装 (1) 安装JRE 首先确保已安装JRE [Java Run Time Enviroment (JRE) 1.4 (or above) ] 注意&#xff1a;一定要先安装JRE&#xff0c;然后再安装paros proxy&#xff0c;如果先安装paros proxyr后安装JRE&#x…

2011年国外最受欢迎的15个网站

2019独角兽企业重金招聘Python工程师标准>>> 面向全球电子商务知识库网站eBizMBA公布了2011年国外最受欢迎的15个网站&#xff1a; 1 谷歌 eBizMBA排名第1&#xff0c;估计每月访客900,000,000人&#xff0c;竞争力排名第1&#xff0c;Quantcast排名第1&#xff0c;…

网站配置https,免费ssl证书下载和安装,个人是nginx服务器

免费获取ssl证书网站&#xff1a;https://www.sslforfree.com 看着三个按钮&#xff0c;英语和我不是很熟&#xff0c;就不一一翻译了。 1、就说具体操作步骤了&#xff0c;域名解析&#xff0c;添加两条 txt 记录&#xff0c;对应 参数、值,见上面图片第二条。生效时间可以设置…

HTML5浏览器测试网站汇总

我经常看到有很多人询问HTML5某个特性当前各浏览器的支持情况。的确&#xff0c;因为HTML5内容庞大&#xff0c;特性众多&#xff0c;而浏览器的支持情况又混杂不一&#xff0c;随时都有可能变化&#xff0c;所以了解起来比较困难。在这里&#xff0c;我汇总了一些常用的网站供…

构建LAMP动态网站

虽然关于LAMP架设的文章&#xff0c;51cto上已经有很多很多了&#xff0c;但我还是想写一篇这样的文章&#xff0c;来对自己的工作经验做个总结。我将把《构建LAMP动态网站》分两篇文章来进行讲解&#xff0c;第一篇首先是搭建一个LAMP的WEB框架&#xff0c;第二篇是在这个WEB框…

Linux:安利一个下载rpm包的网站

网站&#xff1a;http://rpm.pbone.net 比如要下载&#xff1a;container-selinux&#xff0c;可以搜索&#xff0c;搜索结果如下&#xff1a; 建议复制下载链接&#xff0c;使用迅雷下载&#xff1a;

已将此网站报告为不安全的解决办法

遇到问题&#xff1a;我使用的是IE9浏览器这几天访问51cto.com的网站总显示下图&#xff1a; 心想&#xff0c;我只是访问51cto.com的学习网站&#xff0c;并没有访问无关的。公司应该也没有设置啥禁止访问这个的。访问其他网站&#xff0c;也没出现这个提示&#xff0c;于是就…

.NET_.NET 发布(publish)网站_01-2

http://msdn.microsoft.com/zh-cn/library/377y0s6t(VS.80).aspx 本文内容 预编译写入预编译输出Visual Web Developer 允许发布&#xff08;publish&#xff09;网站&#xff0c;将编译网站&#xff0c;并输出复制到指定的位置&#xff0c;如成品服务器&#xff08;正式服务器…

网易帐号通帮你一一列举邮箱注册过的所有网站

对于我们来说&#xff0c;邮箱除了收发邮件&#xff0c;最多的用途就是注册账户了&#xff0c;比如论坛、购物、移动服务等等&#xff0c;久而久之&#xff0c;我们使用一个邮箱地址注册过哪些网站都记不清了。 网易帐号通&#xff0c;帮你快速检测邮箱注册过的网站。 最近网易…

2012年电子商务网站用户体验研究

本文是对Smashing Magazine上《The State Of E-Commerce Checkout Design 2012》一文的编译&#xff0c;本文从付费流程角度&#xff0c;分析了2012年电子商务的用户体验现状。 2011年&#xff0c;Smashing Magazine发布了一篇文章《Fundamental Guidelines Of E-Commerce Che…

大型网站架构体系的演变(上)

互联网上有很多关于网站架构的各种分享&#xff0c;有些主要是从运维和基础架构的角度去分析的&#xff08;堆机器&#xff0c;做集群&#xff09;&#xff0c;太关注技术细节实现&#xff0c;普通的开发人员基本看不太懂。 本文上篇将主要介绍大型网站基础架构的扩展&#xff…

大型网站架构演变和知识体系

之前也有一些介绍大型网站架构演变的文章&#xff0c;例如LiveJournal的、ebay的&#xff0c;都是非常值得参考的&#xff0c;不过感觉他们讲的更多的是每次演变的结果&#xff0c;而没有很详细的讲为什么需要做这样的演变&#xff0c;再加上近来感觉有不少同学都很难明白为什么…