在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