釘選網站 (Pinned Sites):Windows 7 桌面系統與 Internet Explorer 9 的整合

Israel Hilerio, Ph.D.
Program Manager, Internet Explorer

2010 年 09 月 15 日

[此為初版文章,其內容所述可能有所變動。]

簡介

Windows Internet Explorer 9 新增了釘選網站 (Pinned Sites) 功能,此功能可讓您將您的網站與 Windows 7 桌面系統整合在一起。當網站啟用了釘選網站 (Pinned Sites) 功能,使用者即可將網站釘選在 Windows 7 工作列,或新增該網站至桌面或開始功能表上。釘選網站功能讓我的最愛網站之存取更加的容易,而新增捷徑功能就如同在 Microsoft Windows 應用程式所見相同。此外,釘選網站功能需要進行一點點開發工作以提供強大的功能。欲取得此功能您只需要一些 meta 元件以及 JavaScript;毋須修改目前網站上的任何現有的內容或屬性。

下列的螢幕擷取畫面顯示了可經由釘選網站啟用的功能項。


圖1:釘選網站 (Pinned Sites) 在 Windows 7 工作列可使用的功能

無論該網站是釘選在工作列、新增至桌面,或開始功能表,Windows 都會為每個釘選網站產生一個副檔名為 .website 的捷徑檔案。Windows 將該網站的 URL 視為啟始的 URL 來產生特定的 .website 檔案,並以該 URL 為基礎建立一個獨一無二的 AppID。此 AppID 可讓由此 Windows Internet Explorer 執行個體所建立的任何視窗或索引標籤頁面共同使用,讓使用者可將所有由相同網站所衍生出來的索引標籤頁面與視窗視為一個群組。

當使用者由已釘選網站開啟網站時,該網站會使用您網站的特定圖示 (Favicon)、瀏覽按鈕顏色,以及其它您所提供的資訊,以您所訂定的外觀形式來呈現。此釘選網站會自動啟用一個單獨的 Internet Explorer 執行個體在一個特殊模式中。(請注意 Browser Helper Objects 以及其它工具列在此 Internet Explorer 模式中並未啟用)。若使用於一般網站瀏覽的 Internet Explorer 執行個體當機,此釘選網站所使用的獨立執行個體將不會受到影響可繼續正常作業。

在本文中所說明的釘選網站 API 與 HTML 中繼標籤 (Meta Tag) 提供網站新的性能,讓使用者透過熟悉的桌面系統概念與使用原生 Windows 應用程式的客戶彼此產生緊密的互動連結。下列章節說明這些 API 經由釘選網站所提供基本功能:

  • 將網站釘選至工作列
  • 新增網站至開始功能表 (「所有程式」目錄)
    • 經由使用釘選網站 APIs 新增網站至開始功能表
    • 客製化由釘選網站啟始的網站
  • 定義跳躍清單工作項
  • 定義跳躍清單類別並新增項目至清單中
  • 顯示重疊的圖示
  • 顯示縮圖的工具列按鈕在縮圖預覽窗格上
  • 當工作列按鈕閃爍,指示使用者有互動的需要
  • 圖示解析度
  • 偵測功能
  • 總結

將網站釘選至工作列

無法使用程式設計的方式將網站釘選至工作列。所有釘選的動作皆需要使用者的介入。使用者必須使用下列其中一項動作將網站釘選至工作列:

  • 將索引標籤頁面由原先的瀏覽視窗中移出,並將它拖入工作列之中。
  • 由 Internet Explorer 的網址列中拖曳該網址前的特定圖示 (Favicon) 至工作列。

下列的螢幕擷取畫面顯示使用者如何將索引標籤頁面由原先的視窗中移出把 CNN 網站釘選至工作列。


圖 2:使用者在已開啟的瀏覽視窗中按住並將該索引標籤頁面與其它索引標籤頁面拖離獨立出來。


圖 3:使用者將該索引標籤頁面拖入工作列以將該網站釘選至工作列上。

在該網站釘選完成之後,請注意該網站所出現的自訂強化功能。例如,上一頁下一頁按鈕的顏色該網站顏色相配合。


圖4:釘選網站透過使用中繼元件客製化使其與該網站整合在一起。

我們建議您鼓勵使用者將索引標籤頁面移出並將它們設為釘選網站。例如,下面的範例頁面來自 Internet Explorer 9 Test Drive 網站其中包含了跳現式訊息 (之後您可以動態的關閉此提示訊息,測試 msIsSiteMode 方法,以了解如何適時的使用它)。


圖5:網站顯示提示訊息以增加對釘選網站功能的認知

新增網站至開始功能表 (「所有程式」目錄)

利用 Internet Explorer 9,使用者可以經由使用功能表上的命令新增任何網站至 Windows 開始功能表 (按一下功能表上的工具,然後按一下新增網站至開始功能表) 或將索引標籤頁面拖曳至開始按鈕。之後,該網站將會列示於開始功能表的所有程式資料夾中。除了使用者互動操作之外,您的網站可經由使用釘選網站 API 透過程式設計來提昇這個功能。在經由您的網站或瀏覽器新增網站之後,使用者可透過開始功能表來存取該網站,就如同他們存取執行於 Windows 的原生應用程式一般。隨著這些網頁釘選至工作列,網頁由開始功能表中開啟,一旦您提供了客製化的啟始 URL、圖示、名稱、工具提示,以及瀏覽按鈕顏色給予相關聯的開始功能表項目,將能提供更完整的品牌體驗。

所有設計用於新增項目至開始功能表的機制都會產生一個對話方塊詢問使用者要確定或取消此項操作,如同下列的螢幕擷取畫面所示。


圖 6:在確定使用者是否新增項目至開始功能表時出現的對話方塊

經由使用釘選網站 API 新增網站至開始功能表

使用 window.external.msAddSiteMode() 方法來新增網站至開始功能表。此 API 可由任何 HTML 元件經由使用 JavaScript 來觸發,如同下列的範例程式:

<a onclick="window.external.msAddSiteMode();" href="#">Add Website</a><br />

若網站是以釘選網站的方式啟動,您可透過呼叫 window.external.msIsSiteMode 方法來定義。 msIsSiteMode 方法會回覆一個布林值,當該視窗是透過釘選網站的方式啟動時則為 true;否則為 false

客製化由釘選網站啟始的網站

當網站是由釘選網站位置開啟之後,您可以使用 meta 元件透過下列的語法來客製化釘選網站呈現的方式:

<meta name="name" content="content"/>

下面表格中說明名稱與內容的值:

名稱 內容
application-name 捷徑名稱。若無提供,則使用文件標題來替代。
msapplication-tooltip 選擇性項目,此為當滑鼠指標移至在 Windows 開始功能表或桌面上的釘選網站捷徑圖示時會顯示的工具提示訊息。
msapplication-starturl 應用程式的根URL。若無提供,則會以目前網頁的網址來取代。僅接受 HTTP、HTTPS,或 FTP 通訊協定。
msapplication-navbutton-color 釘選網站瀏覽視窗的上一頁下一頁按扭顏色。任何於 CSS (Cascading Style Sheets) 中定義之已命名顏色,或 Hex 顏色值皆可使用。CSS3 (Level 3) 亦可使用。更多相關資訊,請參閱 Color Table。 若此 meta 元件不存在,顏色將以捷徑圖示為主。
msapplication-window

釘選網站瀏覽視窗的啟始尺寸。子元件內容提供大小如同數字 N, 以分號加以分隔。

  • 寬 (width) =N (最小尺寸 800)
  • 高 (height) =N (最小尺寸 600)

注意使用者的操作會覆蓋掉這個值。當使用者變更視窗的大小然後開閉該執行個體時,Windows 會儲存使用者所產生的 Windows 尺寸

下列範例程式使用 meta 元件來客製化釘選網站捷徑的工具提示、啟始 URL、啟始視窗尺寸,以及瀏覽按鈕顏色。

<meta name="application-name" content="Sample Site Mode Application"/>
<meta name="msapplication-tooltip" content="Start the page in Site Mode"/>
<meta name="msapplication-starturl" content="http://example.com/start.html"/>
<meta name="msapplication-window" content="width=800;height=600"/>
<meta name="msapplication-navbutton-color" content="red"/>

您亦可使用下列網頁語法來指定特定圖示 (Favicon):

<LINK rel="shortcut icon" type=image/x-icon href="http://host/favicon.ico">
<LINK rel=icon type=image/ico href="./favicon.ico">

Windows 會試圖由特定的檔案中取回 32x32 版本的特定圖示。若該尺寸的圖示不存在,Windows 會在 32x32 文件圖案內放上 16x16 版本的特定圖示 (Favicon)。如果沒有指定特定圖示,Windows 會直接使用架構好的 Internet Explorer 圖示。使用者亦可經由內容設定的對話方塊來變更該特定圖示。

定義跳躍清單工作項

加置於網站的跳躍清單工作項是應用程式特有的動作。透過跳躍清單工作項,您的網站可提供許多常用的指令給使用者。您應該基於網站的功能與使用者預期要進行的主要動作兩者來定義跳躍清單工作項。該工作項提供一組靜態的 URL,即使在瀏覽器執行個體未執行的狀態下,使用者仍可隨時存取它。此外,這些工作項為您的網站提供一個機制,使其可在使用者未造訪的網站時,呈現它們大部份基本目標給使用者。舉例來說,網頁形式的通訊應用程式能夠提供指令讓使用者可快速的存取他們的聯絡人、收件匣,以及設定檔資訊。


圖 7:通訊網站之跳躍清單工作項

所有跳躍清單工作項皆是直接經由儲存在 .website 檔案內的靜態 URL 路徑來存取。一般來說工作項內容不會經常變更;但是,它們仍可透過修改該網頁的 meta 元件來更動。變更的內容將會在使用者下一次啟動釘選網站時生效,而非當他們重新經由瀏覽器載入時。

透過使用 HTML meta 標記來定義跳躍清單工作項。當存取釘選網站時,Windows 會在設置期間快取並套用這些標記。工作項中定義的 URL 不限網域。下列的範例程式在網站中定義了兩個跳躍清單工作項:Task 1Task 2。當使用者按下 Task 1 時,釘選網站會開啟 Page1.html。相同地,當使用者按下 Task 2 時,釘選網站視窗會開啟 microsoft.com 網域的Page2.html。

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

釘選網站視窗會在目前釘選網站視窗裡它自己的索引標籤頁面中開啟每個工作項。若瀏覽器執行個體不存在,它會建立一個新的執行個體。一個網站最多可定義五個工作項。在 action-uri 欄位中的相對 URL 解決透過使用包含 meta 資訊的網頁 URI 安裝時的問題。

Meta 元件定義的工作項任何時候都可透過網站來更動。對跳躍清單工作項所做的變更將會在下一次該網站被開啟時反映出來。

定義跳躍清單類別並新增項目至清單中

跳躍清單類別是讓您的網站呈現動態資訊給一般使用者的絕佳機制。可由位於相同網域的任何網頁將項目新增至自訂的類別。自訂類別的跳躍清單項目在畫面上是與跳躍清單工作項分隔開的,且使用者可自行決定要保留還是刪除。當使用者從釘選網站按下跳躍清單項目時,在與釘選網站相同的瀏覽器執行個體上,該項目會顯示在釘選網站視窗中個別的索引標籤頁面裡。不過,在類別清單中的跳躍清單項目不會傳送命令回您的應用程式以避免導引。它們是有目標的引導使用者到一個 URI。

使用跳躍清單類別提供使用者存取在目的表單中的內容相關資訊或動作。目的可能被用於存取檔案、文件,或 URL。在類別中的項目代表一個 URL 和使用者特定的內容。這些可能包含在社交網站上的設定檔網頁或音樂串流網站的電台。使用者直接透過按下項目連結來存取資源。動作可包含造訪網站、檢視歷史記錄等等。 您的網站亦可使用自訂類別來通知使用者互動或提醒在後端發生的事件 — 收到新郵件、朋友上線、即將到來的約會。自訂類別的另一個優點是,在瀏覽器執行個體關閉之後它們仍存留於跳躍清單中。在瀏覽器沒有執行時,提供使用者存取網站資訊的前後相關機制。

下列的螢幕擷取畫面顯示 Microsoft Office Outlook Web Access 如何使用自訂類別 -Notifications, 來顯示即將到來的約會 - scrum。當使用者按一下 scrum, IE 在與釘選網站相同的瀏覽器執行個體上開啟新的索引標籤頁面並顯示該約會的資訊。


圖 8:在 Outlook Web Access 中自訂 Notification

管理自訂類別可分為幾個階段:

  1. 建立類別 — 首先,呼叫 msSiteModeCreateJumplist 方法來建立一個自訂類別並給予名稱。下列範例程式建立了一個名為 List1 的自訂類別。在使用這些步驟中其它方法之前,您至少必須呼叫 msSiteModeCreateJumplist 一次。

    window.external.msSiteModeCreateJumplist('List1');

    注意在該類別存在至少一個項目之前其類別名稱都不會顯示。建立第二個類別取代現有的這個。

     

  2. 建立項目 — 新增項目至記憶清單中 (注意該項目此時尚未顯示)。下列的範例程式使用 msSiteModeAddJumpListItem 方法建立三個清單項目:Item 1Item 2,和 Item 3。第一個參數指定該項目的名稱。第二個參數指定當項目被選擇時使用的 URL。第三個參數指定在清單中顯示該項目時使用的圖示。

    window.external.msSiteModeAddJumpListItem('Item 1', 'http://host/Item1.html', 'http://host/images/item1.ico');

    window.external.msSiteModeAddJumpListItem('Item 2', 'http://host/Item2.html', 'http://host/images/item2.ico');

    window.external.msSiteModeAddJumpListItem('Item 3', 'Item3.html', 'images/item3.ico');

     

  3. 顯示清單 — 將記憶清單中的項目顯示至跳躍清單上。在您呼叫 msSiteModeShowJumplist 方法之後,Windows 立即更新記憶清單至跳躍清單上。

    window.external.msSiteModeShowJumplist();

     

  4. 清除清單 — 清除在自訂清單上的項目。當您呼叫 msSiteModeClearJumplist 方法後,Windows 會立即將該項目由跳躍清單中移除。

    window.external.msSiteModeClearJumplist();

在自訂類別中釘選網站 API 每次最多只能顯示 20 個項目。若您新增超過二十個項目在一個類別中,之前新增的項目將會被刪去。釘選網站 API 不會複製現有的項目;但是重覆的項目將會被移置於清單的最上方。在某些案例中,系統可能會降低項目的最大顯示數量。此可能與各式各樣的因素有關,像是使用者的選擇、顯示的解析度,以及字體的大小。若是沒有足夠的空間容納所有類別的所有項目,該項目將由最下方開始被截去。

網站負責維護類別的狀態,以及新增項目至類別中或將項目由類別中移除。除此之外,當使用者由自訂類別中移除項目時您的網站可透過使用下列任一種事件接聽方法來記錄被觸發的事件:

document.addEventListener('mssitemodejumplistitemremoved', removed, false);
document.attachEvent('onmssitemodejumplistitemremoved', removed);

接聽方法回呼代理程式並送回 URL 參數:

function removed(url) { … }

當使用者從跳躍清單中移除項目時,Windows 無法擷取或傳回 Shell 事件至網站。因此,該事件無法自動地產生,而是在使用者新增跳躍清單項目之後,該網站呼叫 msSiteModeShowJumplist 方法由執行釘選網站的 IE 執行個體所產生。不過,該事件僅會在當使用者刪除了項目該網站在將它們新增回去之前產生。此建立機制在於記憶清單所呈現的跳躍清單與跳躍清單中實際內容組合不相符。該事件被觸發之後,釘選網站 API 同步記憶中的跳躍清單內容與實際跳躍清單項目。

在相同網站中的任何網頁皆可透過使用 JavaScript API 修改跳躍清單類別中的資訊。

顯示重疊的圖示

Windows 應用程式可透過在應用程式的工作列按鈕之上顯示重疊圖示來傳遞通知和狀態給使用者。msSiteModeSetIconOverlay 方法增加一個圖示重疊在釘選網站的工作列按鈕上。當檢視的釘選網站視窗被中斷,或當瀏覽視窗被最小化或被其它的視窗封鎖時,重疊圖示可協助將注意力拉到網站上。使用重疊圖示提供重要的、長期的狀態或通知,像是網路狀態、線上狀態,或新郵件。請記住若呈現給使用者的是不斷地變化覆蓋圖示或動畫可能造成負面的使用者體驗。

Windows 顯示重疊圖示於工作列按鈕的右下角;不過,該工作列必須處於預設的大圖示模式才能顯示重疊圖示。當網站未執行或當網站不是以釘選網站的方式執行時重疊圖示不會顯示。重疊圖示可由相同網域中的任何網頁來顯示。除此之外,網站可套用多重的重疊圖示而無須事先清除它們。但是,當重疊圖示被清除,Windows 會由最近新增的圖示開始移除。這表示清除的順序為最後顯示的圖示會最先被移除。

下列的螢幕擷取畫面顯示 Outlook Web Access 如何使用鬧鈴的重疊圖示來通知使用者約會的時間到了。


圖 9:Outlook Web Access 中重疊的圖示

下列的範例程式使用 msSiteModeSetIconOverlay 方法新增重疊圖示 overlay1.ico 在工作列按鈕上,並提供工具列提示 “Overlay 1”。

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

透過呼叫 msSiteModeClearIconOverlay 方法移除重疊圖示。

window.external.msSiteModeClearIconOverlay();

顯示縮圖的工具列按鈕在縮圖預覽窗格上

對於原生的 Windows 應用程式來說,使用者在操作工作列上的縮圖工具列按鈕時,無須回復或啟動網站的視窗。釘選網站可針對個別的網頁提供相同的功能。每一個按鈕皆對應至一項可執行於網頁中的命令,所以使用者可在最小化或沒有啟動的狀態下與網頁互動。下列的螢幕擷取畫面顯示具有多重視訊短片的網頁如何使用縮圖視窗工具列按鈕來控制播放、暫停,與視訊選擇,而無須使用者直接存取網頁。


圖 10:由縮圖視窗工具列控制視訊

在縮圖視窗工具列上您最多可顯示七個按鈕。因為顯示縮圖視窗有空間大小的限制,以及可顯示之縮圖視窗數量不斷地變更,應用程式無法確保特定的工具列大小。若顯示空間太小,則工具列上的圖示會由右至左視需要被截去。因此,應用程式應該優先考量該按鈕所執行命令的重要性,並確定那些最重要的被放置在最左側,也最不會被截去。

當使用者按下縮圖視窗工具列按鈕時,帶有特定 ID 的事件被傳回網頁進行處理。這些事件以建立該事件的網域為執行範圍。按鈕可以建立、顯示、隱藏、啟用,或停用,或其圖案可以被置換。

縮圖視窗工具列按鈕在被顯示之前是被定義在記憶體中。下列範例程式使用  msSiteModeAddThumbBarButton 方法來建立三個縮圖視窗工具列按鈕,第一個參數遞送圖示參照的 URL,第二個參數為工具列提示 (選擇性項目)。當縮圖視窗工具列按鈕 click 事件產生時,此方法會傳回一個系統使用的 ID。

btn1 = window.external.msSiteModeAddThumbBarButton( 'http://host/images/button1.ico', 'button 1');
btn2 = window.external.msSiteModeAddThumbBarButton( 'http://host/images/button2.ico', 'button 2');
btn1 = window.external.msSiteModeAddThumbBarButton( 'http://host/images/button3.ico', 'button 3');

當使用者按下縮圖工具列按鈕時,經由使用 msthumbnailclick 事件的事件處理常式您可以擷取到事件的產生。下列範列程式使用事件處理常式 - handler1 來處理所有經由縮圖視窗工具列按鈕所產生的事件。

document.addEventListener('msthumbnailclick', handler1, false);
…
function handler1 (btn) {
         alert ("addeventlist:thumbnail btn id" + btn.buttonID);
}

在定義之後,透過使用 msSiteModeShowThumbBar 方法,您僅可以實體化按鈕一次。

window.external.msSiteModeShowThumbBar();

在按鈕被實體化之後,使用 msSiteModeUpdateThumbBarButton 方法來設定按鈕的狀態和顯示與否。下列的範例程式讓 button1 顯示但無法使用,button2 顯示且可使用,以及 button3 可使用但不顯示。

window.external.msSiteModeUpdateThumbBarButton(btn1, false, true);
window.external.msSiteModeUpdateThumbBarButton(btn2, true, true);
window.external.msSiteModeUpdateThumbBarButton(btn3, true, false);

按鈕的狀態變更是立即生效的;但是,按鈕顯示與否的變動僅會在縮圖預覽視窗重新整理後才會更新。

您可以定義並建置替換的樣式來動態的變更已經顯示在縮圖視窗工具列上的按鈕資訊。首先,定義一個新的樣式。使用 msSiteModeAddButtonStyle 方法為特定的按鈕定義一個替換的圖示圖案和工具提示。每一個樣式包含替換的圖案和新的工具提示值。下列的範例程式定義使用新的圖示和工具提示的 style1 來替換 btn1

style1 = window.external.msSiteModeAddButtonStyle(btn1, 'http://host/images/style1.ico', 'style1');

然後,利用 msSiteModeAddButtonStyle 方法將定義好的樣式套用至已顯示的按鈕。下列的範例程式套用之前定義好的 style1btn1

window.external.msSiteModeShowButtonStyle(btn1, style1);

當使用者離開該網站的網域或瀏覽至其它的網頁時,您的網站必須隱藏縮圖視窗工具列按鈕。同樣地,當使用者回到該網頁時,網站必須重新實體化這些按鈕並讓它們顯示出來。

當重新實體化這些按鈕時,網站不應在相同的執行個體呼叫 msSiteModeShowThumbBar 方法否則將會觸發例外狀況。一旦這些按鈕是重新初始化然後再次顯示,最少應該在該方法附近呼叫 try/catch 程式區塊以確定按鈕持續在運作。欲執行此方案,可以呼叫 msSiteModeAddThumbBarButton 方法多次,來重新初始化將用於事件處理常式中,用來處理事件所需之 ID 的變數。因此,msSiteModeAddThumbBarButton 方法可確保每次皆回傳相同的按鈕 ID。這讓您在該網頁之外,任何邏輯上不相干的瀏覽頁面重覆使用您的事件處理常式。

當工作列按鈕閃爍,指示使用者有互動的需要

有時,您想要通知使用者您的網站需要互動以繼續或完成工作項。使用 msSiteModeActivate 方法讓在工作列上的釘選網站圖示開始閃爍。舉例來說,當使用者需要輸入他們的憑證、當下載完成時,或是當其它使用者嘗試要與使用者通訊時可使用此互動方式。

欲啟動該狀態,呼叫 msSiteModeActivate 方法。

window.external.msSiteModeActivate();

在工作列按鈕保持亮起狀態之前圖示最多會閃爍二十次。在使用者與網站進行互動之後,Windows 會將工作列的圖示重設回非閃爍狀態。

圖示解析度

釘選網站會在幾個地方使用圖示:跳躍清單目的地、工作列按扭、縮窗預覽窗格按鈕,以及重疊圖示。圖示檔案應該包含下列圖示尺寸:

  • 建議尺寸:16x16, 32x32, 48x48
  • 最佳尺寸:16x16, 24x24, 32x32, 64x64

在標準組態中,工作列圖示為 32x32,跳躍清單目的地圖示為 16x16,縮圖預覽視窗按鈕為 16x16,以及重疊圖示為 16x16。釘選網站瀏覽視窗左上角的圖形為 24x24 版本的指定的特定圖示。使用不同的 .ico 檔案,由網站特定圖示,到在跳躍清單項目和工作項上呈現動作或目的將使用您的使用者可快速地確認他們想要執行的事件。

偵測功能

您應該使用偵測功能去檢視該瀏覽器是否支援釘選網站功能。下列的範例程式中若您的瀏覽器支援該功能其評估結果為 True:

if (window.external.msIsSiteMode) {
    // Check if the website was launched from a pinned site.
    if (window.external.msIsSiteMode())
    {
        // TRUE
    }
    else
    {
        // FALSE
    }
}

注意  Internet Explorer 9 Beta 版本要求該呼叫去測試發生於 try/catch 區段的 API,如下所示:

try {
     if(window.external.msIsSiteMode()) { }
     else {}
}
catch(e) { }

總結

透過釘選網站功能,使用者可將他們喜愛的網站與 Windows 7 桌面、開始功能表,以及工作列相結合,就如同他們對待在 Windows 上執行的應用程式一般。使用釘選網站 API,您的網頁可進一步與桌面系統相結合並可在無須使用瀏覽視窗去瀏覽至該網頁的狀況下,提供資訊、通知,以及警告給使用者。除此之外,釘選網站可提供品牌體驗並推薦您的網站性能於工作列之上。

Israel Hilerio 為 Internet Explorer 團隊的產品規劃經理。