IE9瀏覽器固定網站功能的實現方法

2020-05-22 13:27:16

字體：大中小

來源：轉載

供稿：網友

這兩個 Demo 都需要使用 IE9 瀏覽，并將標簽拖動到任務欄固定后才能觀察效果。

一、通過 Meta 定義

HTML語言:

在網頁的<head>標記內，加入如下的代碼：

其中包括兩個屬性：

Name包括的內容：msapplication-task、msapplication-tooltip等等

Content包括的內容：name顯示的文字，action-uri 點擊后轉到的地址。Icon-uri 顯示在前面的圖標地址。等等

這個還是蠻簡單的，一看就明白，我就不多說了。

上面代碼我們還定義了IE9瀏覽器界面上的「上一頁」跟「下一頁」按鈕的顏色，這樣我們就可以根據網站的的主色系來自動調整按鈕顏色。

顏色的表示法可使用顏色名稱，例如要顯示成黃色，就要：

也可使用 16位的顏色代碼：

效果如下：

IE9瀏覽器固定網站功能的實現方法武林網

二、通過 JavaScript 定義

主要是用到了 IE9 提供的幾個 API，所以肯定要做錯誤處理，不然換成其它瀏覽器就死翹翹了（喂，這又是 IE Only 耶）。

window.external.msIsSiteMode() 返回當前 Internet Explorer 窗口是否作為“固定網站”打開。使用這個方法區別正常瀏覽模式與“固定網站”模式。 window.external.msAddSiteMode() 將當前網站添加到開始菜單，并將網站作為“固定網站”打開，但沒有固定到任務欄。 window.external.msSiteModeSetIconOverlay(bstrIconUrl [, bstrDescription]) 添加“覆蓋圖標”。 bstrIconUrl: 圖標 URL； bstrDescription: 提供圖標的描述。 window.external.msSiteModeClearIconOverlay() 清除“覆蓋圖標”。 window.external.msSiteModeCreateJumpList(bstrHeader) 創建一個新的 Jump List，并為其指定名稱。只能夠創建一個 Jump List。 window.external.msSiteModeClearJumpList() 清除 Jump List。 window.external.msSiteModeAddJumpListItem(bstrName, bstrActionUri, bstrIconUri) 增加一個 Jump List 項目，最多可以存在 20 個 Jump List 項目。 bstrName: 顯示的名稱； bstrActionUri: 單擊時轉向的絕對或相對 URL； bstrIconUri: 顯示的圖標絕對或相對 URL。 window.external.msSiteModeShowJumpList() 更新 Jump List。對 Jump List 作出修改后，使用這個方法更新顯示。

以下是實現 Thumbnail Toolbar 的方法。

為 msthumbnailclick 事件設置監聽。 document.addEventListener(msthumbnailclick, onButtonClicked, false); 添加按鈕。這個函數將返回按鈕 ID。 var btnPlay = window.external.msSiteModeAddThumbBarButton(iconUri, toolTip); 顯示 Thumbnail Toolbar。 window.external.msSiteModeShowThumbBar(); 對 Thumbnail Toolbar 的單擊事件作出響應。 function onButtonClicked(e) { switch (e.buttonID) { case btnPlay: play(); break; } }

上一篇：IE9下載管理器

下一篇：IE9瀏覽器登陸不同賬號重復的問題