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

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

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

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

Windows 7任務(wù)欄

IE 9還與Windows 7中讓用戶能夠把你家網(wǎng)站當(dāng)作本地應(yīng)用來對待的獨特功能聯(lián)系在一起。你可以創(chuàng)建自定義Jump List菜單；用戶點擊Windows任務(wù)欄上你家網(wǎng)站的圖標(biāo)后，這些自定義菜單就會出現(xiàn)。Jump Lists讓用戶可以訪問經(jīng)常使用或最近使用的內(nèi)容，而且出現(xiàn)新內(nèi)容后，就會收到動態(tài)提醒消息。

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

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

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

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

定制Jump Lists

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

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

從Windows 7任務(wù)欄來看，F(xiàn)acebook的Jump List（左）內(nèi)容少得不能再少，而LinkedIn的Jump List（中）和Windows Live的Jump List（右）比較充分地利用了它。

鏈接任務(wù)作為靜態(tài)URL保存起來，而靜態(tài)URL其實是直接鏈接至特定網(wǎng)站或功能的路徑。你可以使用HTML元標(biāo)記（metatag），定義最多五個Jump List任務(wù)。元標(biāo)記定義了關(guān)于網(wǎng)站的基本信息，與固定網(wǎng)站一塊緩存起來。下面這個示例表明了如何為你家網(wǎng)站定義Jump List任務(wù)，該示例摘自Israel Hilerio博士所寫的一份題為《Win7桌面與IE9的集成》的微軟文檔。（該文檔本身在網(wǎng)上找不到，但里面介紹的內(nèi)容和方法可以在這里找到：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解釋，這段代碼定義了兩個標(biāo)記：“Task 1”和“Task 2”。選擇“Task 1”會引起軟件程序顯示 Page1.html網(wǎng)站，而選擇“Task 2”會引起軟件程序顯示Page2.html網(wǎng)站，這是Microsoft.com域上的一個外部網(wǎng)站。每個任務(wù)都會在固定網(wǎng)站的瀏覽器實例的各自標(biāo)簽頁里面打開。如果固定網(wǎng)站目前沒有打開，點擊這些Jump List菜單項目中的其中一個，就會打開一個新的瀏覽器實例。

創(chuàng)建自定義Jump List類別

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

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

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

類別創(chuàng)建

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

window.external.msSiteModeCreateJumplist('List1');

項目創(chuàng)建

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

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');

列表顯示

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

window.external.msSiteModeShowJumplist();

清空列表

如果Jump List類別填充了網(wǎng)站歷史內(nèi)容或近期活動，那些操作可能會到期失效?？梢杂孟铝写a，清空自定義Jump List類別中的項目：

window.external.msSiteModeClearJumplist();

你還可以為你家網(wǎng)站把提醒消息添加到Jump List

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

顯示覆蓋圖標(biāo)

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

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

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

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

為了清空覆蓋圖標(biāo)，請使用下列代碼：

window.external.msSiteModeClearIconOverlay();

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

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

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

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

原文地址

【51CTO精選譯文 轉(zhuǎn)載請標(biāo)明出處與作者】

【編輯推薦】

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