【51CTO精選譯文】為了充分利用Internet Explorer 9獨特功能而設計的網站提供了沉浸式的用戶體驗，從而可以提高客戶忠誠度、增加流量。不過你想獲得這些好處，就得優化自家網站，以便充分利用IE 9。

微軟推出的這款***旗艦瀏覽器絕不僅僅是小打小鬧的增量更新。它還提供了Windows與Web之間***的集成，實際上將桌面體驗擴展到了Web本身。

隨著我們對Web的使用越來越成熟，更多的人在積極采用基于云的應用，比如Gmail、Box.net和Mint.com。使用諸如此類的網站的體驗更像是在使用傳統桌面應用，只不過這個應用是在互聯網上。IE 9能夠為任何網站提供一種類似的交互體驗。任何用戶只要把網站圖標拖拉到Windows 7任務欄上，就可以得到這種集成，就好像你使用任何軟件應用那樣。

如果把某個網站固定到任務欄上，該網站對用戶來說更清晰可見，還可以直接訪問。但為了給用戶一個想把你家網站固定到任務欄上的理由——而更重要的是，為了給他們一條與你家網站進行交互的途徑，就好像網站是安裝在用戶本地個人電腦上的應用，你就得充分利用Jump Lists（跳轉列表），Windows 7的這項功能可顯示菜單選項，以便直接跳轉到特定功能，或者訪問經常使用或最近使用的功能。

Windows 7任務欄

IE 9還與Windows 7中讓用戶能夠把你家網站當作本地應用來對待的獨特功能聯系在一起。你可以創建自定義Jump List菜單；用戶點擊Windows任務欄上你家網站的圖標后，這些自定義菜單就會出現。Jump Lists讓用戶可以訪問經常使用或最近使用的內容，而且出現新內容后，就會收到動態提醒消息。

進行合適的改動和調整，以便針對IE 9定制你家網站，的確至少需要對HTML和Web編程有一些了解。不過有了初步了解后，你就能在短短幾分鐘內完成好定制。

一個技巧就是把任何網站的圖標從IE 9的地址欄拖拉到Windows 7任務欄上，把它***性地固定在那里。你會看到任務欄上的網站標識；點擊網站標識，立馬就能訪問該網站。

不少網站已經充分利用了Jump Lists，讓自己用起來更像是應用，LinkedIn和Windows Live就是其中的兩個例子。就LinkedIn或Windows Live而言，用戶只要點擊Jump List中的項目，就能直接轉到網站里面的特定網頁或功能。

微軟的這張圖顯示了Windows 7任務欄的交互功能。#p#

定制Jump Lists

把Facebook固定到Windows 7 任務欄上只不過提供了簡單的網站快捷方式，而LinkedIn和Windows Live提供了一種更加集成的體驗，酷似像Outlook這樣的本地安裝的軟件應用。把Jump List任務添加到你家網站相對簡單，那么何不給訪客們一個把你家網站固定到他們任務欄上的理由呢？

若系統使用IE 9和Windows 7，Jump List任務可以鏈接至靜態URL，那樣就算固定網站（pinned site）沒有打開時，用戶也可以點擊、直接訪問。你可以為你家網站最常用的功能添加Jump List任務，那樣用戶不必打開瀏覽器、手動導航至相應網頁，就可以直接轉到那些功能。

從Windows 7任務欄來看，Facebook的Jump List（左）內容少得不能再少，而LinkedIn的Jump List（中）和Windows Live的Jump List（右）比較充分地利用了它。

鏈接任務作為靜態URL保存起來，而靜態URL其實是直接鏈接至特定網站或功能的路徑。你可以使用HTML元標記（metatag），定義最多五個Jump List任務。元標記定義了關于網站的基本信息，與固定網站一塊緩存起來。下面這個示例表明了如何為你家網站定義Jump List任務，該示例摘自Israel Hilerio博士所寫的一份題為《Win7桌面與IE9的集成》的微軟文檔。（該文檔本身在網上找不到，但里面介紹的內容和方法可以在這里找到：http://msdn.microsoft.com/en-us/ie/dd797411.aspx）：

<META name="msapplication-task"
content="name=Task 1;action-uri=http://host/Page1.html;icon-uri=http://host/icon1.ico"/>
<META name="msapplication-task"
content="name=Task 2;action-uri=http://microsoft.com/Page2.html;icon-uri=http://host/icon2.ico"/>

Hilerio解釋，這段代碼定義了兩個標記：“Task 1”和“Task 2”。選擇“Task 1”會引起軟件程序顯示 Page1.html網站，而選擇“Task 2”會引起軟件程序顯示Page2.html網站，這是Microsoft.com域上的一個外部網站。每個任務都會在固定網站的瀏覽器實例的各自標簽頁里面打開。如果固定網站目前沒有打開，點擊這些Jump List菜單項目中的其中一個，就會打開一個新的瀏覽器實例。

創建自定義Jump List類別

你家網站還可以添加Jump List類別，從而擴展功能，不僅僅局限于五個Jump List任務。Jump List類別讓你可以直接轉到諸如文件、文檔或ULR之類的目的地。你可以使用SiteMode APIs，創建其鏈接對每個獨特用戶來說都具有唯一性的自定義Jump List類別，比如個人檔案網頁。

Jump List類別讓你家網站能夠向用戶提供動態信息，哪怕用戶此刻沒有訪問網站，照樣也能提供。 你可以利用這種功能，讓用戶訪問用戶所特有的歷史內容，比如訪問過的網站或打開過的文件，或者你可以用它來提供提醒和通知，表明與網站有關的活動——比如說，收到新郵件或者通知即將發布的事件。

正如Hilerio的文檔解釋的那樣，要創建自定義Jump List類別，必須經過以下步驟：

類別創建

首先調用創建自定義類別標簽的方法。下面所示的示例代碼創建了一個自定義類別，名為“List1”。這個方法至少得調用一次，之后才能使用與創建自定義Jump List類別操作有關的其他任何方法。Jump List類別至少填充了一個項目后，類別標簽才會出現。

window.external.msSiteModeCreateJumplist('List1');

項目創建

下面的示例代碼表明了如何創建名為“Item1”、“Item2”和“Item3”的三個Jump List類別列表項目。名稱參數后面先跟的是定義項目將轉到哪個URL的一個參數，之后跟的是指定為該特定項目顯示哪個圖標的另一個參數。

window.external.msSiteModeAddJumpListItem('Item1', 'http://host/Item1.html',
'http://host/images/item1.ico');
window.external.msSiteModeAddJumpListItem('Item2', 'http://host/Item2.html',
'http://host/images/item2.ico');
window.external.msSiteModeAddJumpListItem('Item 3', 'Item3.html', 'images/item3.ico');

列表顯示

之前的代碼為列表創建了項目，但并沒有顯示項目。使用下列示例代碼，即可顯示實際Jump List中項目的內存中列表：

window.external.msSiteModeShowJumplist();

清空列表

如果Jump List類別填充了網站歷史內容或近期活動，那些操作可能會到期失效。可以用下列代碼，清空自定義Jump List類別中的項目：

window.external.msSiteModeClearJumplist();

你還可以為你家網站把提醒消息添加到Jump List

你可以使用這里顯示的方法，為你家網站創建和填充一個自定義Jump List類別。你可以做到在自定義類別中一次最多只能顯示12個項目。重復項目被忽略；超過最多數值或因分辨率或字體大小變化而顯示不出來的項目則不顯示。

顯示覆蓋圖標

Windows 7上的IE 9具有的***功能之一是，能夠顯示固定網站任務欄按鈕上的覆蓋圖標。為什么顯示覆蓋圖標那么重要？因為固定網站可能處于閑置狀態，被其他網站或應用隱藏起來。借助覆蓋圖標，你可以顯示動態內容或***信息，了解在后臺進行的活動，而這些活動可能會引起用戶的注意，并促使他們采取操作。

你可以顯示表明事件或約會的小鈴圖標，或者是讓用戶知道新郵件已收到的信封圖標。覆蓋圖標會出現在固定網站任務欄按鈕的右下角。不過，要是網站沒有打開，或者要是網站其實沒固定到任務欄上，覆蓋圖標是看不見的。

下列示例代碼可以為固定網站添加相關任務欄按鈕上的overlay1.ico，并且添加一個懸浮工具提示，指明了帶字符串Overlay 1的覆蓋圖標：

window.external.msSiteModeSetIconOverlay('http://host/images/overlay1.ico','Overlay 1');

為了清空覆蓋圖標，請使用下列代碼：

window.external.msSiteModeClearIconOverlay();

這一系列示例僅僅是一小部分。參閱微軟的《Internet Explorer 9開發者指南》（http://msdn.microsoft.com/en-us/ie/ff468705.asp），就可以全面地了解IE 9的獨特功能，以及如何定制你家網站以便充分利用這些功能方面的解釋。

不過要牢記：IE 9只與Windows 7和Windows Vista兼容，這意味著：為三分之二的個人電腦針對IE 9定制網站將變得毫無意義。要摸清實際情況，別為了僅僅這一款瀏覽器而投入不必要的時間和精力。

由于公司遲遲不愿升級系統，消費者積極地采用Windows 7和Internet Explorer 9。因而，這種變化會對普通大眾用什么系統與你家網站進行交互帶來直接影響。

如果你家網站針對的是普通消費者，那么應該探究IE 9的獨特功能，并且充分利用起來。你沒必要非得是編程專家，也沒必要非得重新設計整個網站，給訪客們一個把你家網站固定到他們任務欄上的理由——進而提供一種更加沉浸式的、類似應用的體驗。

原文地址

【51CTO精選譯文 轉載請標明出處與作者】

【編輯推薦】

1. IE9對HTML5部分屬性不提供支持的原因
2. IE9插件集中營 七款插件任你挑附下載
3. IE9與Chrome 10 你是我的兄弟
4. IE9體驗手冊 它就在那用不用在你
5. 評論:IE9到來 Web設計師的夢魘