Windows8和Windows8.1中對外掛和ActiveX的支援

double2li發表於2014-03-10

此文章將介紹頁面在 Windows 8 適用於桌面版的 Internet Explorer 中與在新 Windows UI 的 Internet Explorer 中的不同表現。

 

Windows 8 中的 Internet Explorer 10 提供了兩種瀏覽體驗:使用者已熟悉的桌面瀏覽體驗,以及新的 Windows 8 瀏覽體驗。 這兩種體驗所使用的基礎元件(從網路堆疊和快取到呈現引擎)都是相同的。 兩種體驗都會傳送相同的使用者代理 (User-Agent) 頭資訊,並具有相同的文件物件模型 (DOM)。作為開發人員,請將這兩種體驗看作一個瀏覽器 – Internet Explorer 10。 網站在這兩種瀏覽體驗中的唯一區別是對外掛的支援

新 Windows UI 的瀏覽體驗不支援 Microsoft ActiveX 或其他任何二進位制擴充套件。為了確保你的網站適用於所有使用者,你需要提供不依賴於外掛的內容。這可以幫助所有不使用外掛進行瀏覽的使用者,無論他們是否使用 Windows 8 瀏覽體驗、是否通過 ActiveX 篩選瀏覽器外接程式禁用了外掛,或是否使用不支援外掛的裝置(如手機或平板電腦)進行瀏覽。 

 
<video id="video1" width="640" height="360" controls>
    <source src="video.mp4" type="video/mp4">
    <source src="video.webm" type="video/webm">

    <object width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
        <param name="SRC" value="http://ie.microsoft.com/testdrive/IEBlog/Common/player.swf?file=video.mp4">

        <p>Please update your browser or install Flash</p>

    </object>
</video>


若要詳細瞭解對 HTML5 音訊和視訊的跨瀏覽器支援(包括編解碼器和字幕),請參閱實用的跨瀏覽器 HTML5 音訊和視訊。 許多網站在無外掛的情況下提供廣告時已在執行此回退的等效操作,這證明此方法是一種實用且具有伸縮性的解決方法。

如果你的網站需使用外掛以帶來最佳的體驗,則請使用下面的回退:

 
<object width="640" height="360" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
    <param name="SRC" value="http://ie.microsoft.com/testdrive/IEBlog/Common/player.swf?file=video.mp4">

    <video id="video1" width="640" height="360" controls>
        <source src="video.mp4" type="video/mp4">
        <source src="video.webm" type="video/webm">

        <p>Please update your browser or install Flash</p>

    </video>
</object>


此模式可保證所有具有外掛的使用者將使用該外掛,而不具有外掛的使用者則將使用 HTML5 視訊或更新訊息。 如果使用者使用的瀏覽器不具有該外掛或原生支援,他們可以嘗試安裝該外掛。

對不使用外掛的網站進行更新的過程可能比較耗時。你可以建議使用者暫時在 Internet Explorer 10 的桌面檢視中檢視你的網站。只需更新網站的 “META” 標記或 “HTTP” 標頭,Windows Internet Explorer 即會通知使用者並提供一個切換到桌面的選項。

 
HTTP Header
X-UA-Compatible: requiresActiveX=true
META TAG
<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true"/>


注意  

請牢記,使用者使用的可能是手機等裝置,這些裝置即使在適用於桌面版的 Internet Explorer 中也不執行現有的 ActiveX 控制元件。其中一些裝置的螢幕可能較小或僅支援觸控輸入,因而無法完全適用於 ActiveX 控制元件或桌面瀏覽體驗。僅當不存在任何相當的回退內容時才能迫使使用者進入桌面體驗。

如果你希望在桌面中模擬無外掛體驗,以使用 F12 開發者工具來除錯網站問題,請先啟用 ActiveX 篩選。你可以從 Internet Explorer 啟用 ActiveX 篩選,方法是單擊“工具”,然後依次單擊“安全性”和“ActiveX 篩選”。此操作將關閉所有 ActiveX 控制元件和外接程式,允許你根據網頁的需要選擇性地啟用它們。

 

參考:http://msdn.microsoft.com/zh-cn/library/ie/hh920753(v=vs.85).aspx

        http://msdn.microsoft.com/en-gb/library/ie/hh920753(v=vs.85).aspx


相關文章