此文章将介绍页面在 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