IE9在Win7下的任務欄綁定、Jumplist等功能體現了網站即應用的思想，通過增強的功能可以像傳統軟件一樣方便的瀏覽、控制網站，獲取消息通知，體現了以網站為中心，去瀏覽器中心化的發展思路。在下圖里，常用的網站成為了任務欄上的一個應用圖標。  而Jumplist放置網站的跳轉列表，可以方便的瀏覽和跳轉到網站的對應欄目。   任務欄覆蓋圖標可以顯示來自網站的消息通知，例如有幾封新郵件或者新的消息。  縮略圖圖標可以方便的控制網站上音樂、視頻的播放。  國外已經有不少網站支持了這些新特性，而國內來看Web QQ和Qzone已經或者將要提供對這些新特性的支持，剩下的國內網站支持目前還寥寥無幾。下面來了解這些功能和如何開發來定制它們。 ## 一、任務欄綁定 普通任務欄圖標只有在程序運行時才會出現，而網站綁定到任務欄縮略圖后可以像應用程序一樣快速的打開定制的網站，并且瀏覽器關閉后仍然存在，還可以進行強大的定制。 1、嘗試IE9默認的任務欄綁定功能 打開一個帶favicon的本地頁面，如下圖所示：  我們可以點擊favicon并將它拖拽到任務欄。  現在網站已經成功添加到任務欄。  點擊圖標可以直接打開網站，同時可以看到，瀏覽器的前進后退按鈕已經變成綠色，這是瀏覽器根據圖標的Trackcolor自動設置的，在稍后的定制中，可以看到這個顏色是可以我們自己來設定的。  同時在開始菜單里面可以看到此網站的應用鏈接。  我們再添加一個頁面，點擊右鍵可以看到有如下選項：  點擊可以將此程序從任務欄解鎖。 2、定制任務欄綁定功能 1）綁定到開始菜單 我們可以通過Javascript來定制我們所需的Pin功能。 在網頁里添加如下代碼：  打開頁面后，點擊頁面上的“添加到開始菜單”按鈕，可以看到出現如下對話框：  點擊后此網站就會出現在開始菜單中，并且在上面點擊右鍵可以將它綁定到任務欄。  2) 定制圖標 使用如下標簽即可設定favicon圖標：  3) 定制應用程序名和提示 通過如下meta標簽可以設置應用程序名和提示：  設置結果如下圖所示：  4) 定制IE9前進后退按鈕顏色 通過如下meta標簽可以設置前進后退按鈕顏色：    ## 二、Jumplist（跳轉列表） 1、通過meta標簽添加Jumplist項目 可通過如下代碼添加Jumplist項目：  ???? Jumplist的效果如下圖所示：  2、定制Jumplist 我們可以在Jumplist里定制一個新的分類，可以放置最多12個欄目。 通過如下代碼實現Jumplist定制：  實現的效果如下圖所示：  ## 三、任務欄覆蓋圖標 任務欄覆蓋圖標非常有用，可以在圖標上顯示網站的最新消息。 例如通過如下代碼，我們可以為默認圖標上疊加一張覆蓋圖標。  下面是添加之前的圖標、被添加的圖標和添加之后的圖標：    ? 這樣我們可以通過Ajax獲取更新后控制圖標的顯示，例如Web QQ網站顯示最新消息數量、微博顯示最新評論數量這樣的場景。很可惜，覆蓋圖標不支持像css3一樣的多背景疊加和位置控制，所以無法直接通過多幅數字圖片疊加顯示消息數量，這兒提供三種思路。 ????? 1）通過一個圖標提示有新的消息，不顯示具體數量。 ????? 2）限制消息數量，例如十條以下的消息分別通過九張圖片提示，十條消息以上時通過一張固定的圖片進行提示，類似于MSN的顯示方式： 。 ????? 3）后臺根據消息數量動態生成圖片，可以使用GD、Imagemagick等圖片庫。msSiteModeSetIconOverlay支持從網絡請求圖片，例如下圖就是直接請求百度的favicon 。 四、任務欄縮略圖 我們可以通過任務欄縮略圖標對頁面進行控制，例如控制影片的播放和暫停。 下面我們先添加一段視頻到頁面中。  然后添加控制的代碼：  打開頁面，可以看到視頻已經加載。  將鼠標放在任務欄對應網站的圖標，可以看到播放控制按鈕：  點擊播放按鈕即可播放視頻。  任務欄圖標已經變成暫停的樣式。  通過此API，我們能實現更加強大和個性化的功能。例如下圖所示的媒體播放器功能：  綜上所述，IE9提供了強大的網站控制功能和Win7的完美結合，我們能利用它開發出更加酷炫和強大的網站體驗，希望國內有越來越多的網站支持這些特性。以上使用到的API都可以msdn（[http://msdn.microsoft.com/zh-cn/library/default.aspx](http://msdn.microsoft.com/zh-cn/library/default.aspx)）里查閱到。 最后show一下IE9的貼紙和Win7的水杯。