Customize jumplist for your website in ie9

Source: Internet
Author: User

Windows 7 allows you to split any applicationProgramFixed to the Windows status bar for future use. You can regard this function as an upgrade of shortcuts. After all, it looks more user-friendly than shortcuts. This is a highlight of Microsoft's many user-friendly small functions for Windows 7. I believe many users who have used Windows 7 have used this function. Now, Microsoft has added this user-friendly feature to the new-generation ie9 browser. You can drag and drop the address tab of ie9 to the status bar of windows7 to fix a website or page. In IE8 or IE7, we can only fix ie itself, but not a website or page you want to browse. For more information about the new features of ie9, go to Microsoft's official website.

Http://windows.microsoft.com/ie9

 

By default, in ie9, you can pin any page to the status bar of Windows 7. When you click it, a small window pops up in the status bar, which is called jumplist, this is a feature that comes with ie9. We can customize our site to enrich the content in jumplist. For example, the following website,

 

In addition to the website name, icon, and launch page, some tasks are also customized. Ie9 allows you to set meta tags on the website to tell ie9 how to generate a specific jumplist when you fix the site.

All settings are completed through meta tag! Of course, before customizing jumplist for your website, you 'd better set a beautiful icon for your site. It will not only appear in the address bar of IE browser, it will also appear in users' favorites and jumplist. Note that jumplist icons only support ICO images. If you do not specify any icons for your website, ie uses its default icon. If you do not have a proper tool to convert ICO images, you can go to an online website for conversion, which is very convenient! In addition, the ICO icons supported by jumplist can be 16x16 or 32x32, but the latter is recommended because the image is stretched when the size of 16x16 is displayed.

Okay. Let's see how to customize it.

The first is the website name. PassApplication-nameFor example:

< Meta Name = "Application-name" Content = "Instant fundas"   />  

Then there is a prompt message, which is the content to be displayed when you move your cursor to the website in the status bar. PassMsapplication-tooltipFor example:

< Meta Name = "Msapplication-tooltip" Content = "Instant fundas-all things technology and more"   />

The next step is to customize tasks. You can useMsapplication-taskGenerally, a jumplist can only display up to five tasks. Excessive tasks are not displayed. Note that when the icon-Uri icon is specified, the image format must be ICO, and the images in other formats are invalid.

< 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 " />

<MetaName= "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" />

Then you can specify the address of the launch page, also known as landing page. This is an optional setting. By default, it uses the root address of the website as the startup page. Of course, you can also use any page in the website as the startup page.Msapplication-starturlFor example:

< Meta Name = "Msapplication-starturl" Content = "Http://www.instantfundas.com /"   />

OptionalMsapplication-WindowIt can be used to set the default page size when the page is started, for example:

< Meta Name = "Msapplication-window" Content = "Width = 1140; Height = 900" />

The above is the meta tag that we can use to customize jumplist in ie9. Is it easy to use? Add these tags to your website and check for any changes!

 

Related links:

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.