Metro 风格的浏览和无插件的 HTML5

Building Windows 8

来自 Windows 工程团队的内部视点

Metro 风格的浏览和无插件的 HTML5

Rate This
  • Comments 1

许多人在安装 Windows 8 开发人员预览版后首先尝试的功能之一就是 IE10 浏览器,它是 Windows 中最常用的工具。预览版中的 IE 10 是 IE 10 的平台预览版 3。您可以通过 IE 博客了解我们在 HTML 5 引擎领域所做的工作。这篇博文介绍了 Metro 风格 IE 中的重大变化,即,无插件体验。在 Windows 8 中,IE 10 同时作为 Metro 风格应用程序和桌面应用程序提供。桌面应用程序继续全面支持所有插件和扩展。HTML5 和脚本引擎是相同的,如果愿意,您可以在不同的框架窗口之间轻松切换。Metro 风格的 IE 将提供您期待的所有主要导航键盘快捷方式和鼠标支持:创建选项卡、在选项卡之间移动、关闭选项卡、输入地址、搜索等等。我一直在使用这个浏览器,考虑到我在 Windows Phone 上花费的时间,此浏览器所提供的相同体验和使用的触摸功能绝对让我受益匪浅。但您可以决定哪一个最适合您,不必迁就。领导 IE 团队的 Dean Hachamovitch 撰写了本篇博文。
--Steven

为了使 Web 得到进一步发展,同时让一般用户从触摸优先浏览中获得更多受益,Windows 8 中 Metro 风格的浏览器尽可能只使用 HTML5 并且无需使用插件。插件目前所提供的体验已不再适合 Metro 风格的浏览和现代化的 HTML5 Web。

运行无插件的 Metro 风格 IE 可以延长电池寿命以及改善用户的安全性、可靠性和隐私性。插件在 Web 发展的早期阶段举足轻重。但此后 Web 已通过 HTML5 取得长足进步。提供与传统插件技术的兼容性将会削弱而不是改善用户在 Metro 风格用户界面中的浏览体验。 

如今许多网站已经迅速针对无插件体验进行工程设计。例如,Google 最近启动了面向手机用户的 HTML5 YouTube 网站。以前的一篇 IE 博文讨论了无插件网站如何正在成为主流,以及网站可以采取哪些措施实现无插件运行。我们检查了世界范围内 97,000 个主要网站上的插件使用情况,这个数量包括美国以外的大量当地网站。这些网站中有 62% 当前使用 Adobe Flash 网站的已经在缺少插件支持的情况下回退到 HTML5 视频。在缺少插件的情况下投放广告时,大多数网站已经在执行类似的回退,这表示该方法切实可行并且可扩展。Flash 之后插件的使用率出现了大幅下降,其中 2% 的网站使用一个控件,0.5% 至 0.75% 的网站使用一小组控件。

在 Windows 8 上,需要传统 ActiveX 控件的用户网站和“行业”应用程序将会继续在桌面浏览器中运行,人们可以在 Metro 风格的 IE 中点按 [Use Desktop View](使用桌面视图)来查看这些网站。对于这些网站的功能,HTML5 的强大威力可使这些功能发挥得更加淋漓尽致,特别是在 Windows 8 应用程序中。 

无插件浏览器如今已经可以通过创作精良的 HTML5 内容交付卓越的体验。结合 Metro 风格 IE 中的触摸功能,这些体验会更上一层楼。

谢谢,

Dean

备注:从下面您可以看出,在开发人员进行转换并不再依赖插件来获得 HTML5 中提供的功能(如视频或 XHR)时,IE 如何基于网站调整其行为。大多数网站在没有插件的 IE 中都能够正常运行;有些网站在 IE 将自身标识为另一个浏览器或以不同模式运行网站时能够正常运行。在我们与 Web 开发人员社区合作解决问题期间,IE 将继续使用兼容性视图 (CV) 列表使网站可供用户使用。

下面是在 BUILD 大会上用于 Windows 8 开发人员预览版的 CV 列表的片段:

<?xml version="1.0" encoding="utf-8" ?>
<iecompatlistdescription>
    <version>1152921504606910005</version>
    <ttl>1</ttl>
    <domain docMode="EmulateIE7">monster.com</domain>
    <domain docMode="EmulateIE7">pbskids.org</domain>
    <domain docMode="EmulateIE8" uaStringImmersive="iPad">nate.com</domain>
    <domain docMode="EmulateIE8" versionVector="8" uaString="8">bankofamerica.com</domain>
    <domain docMode="EmulateIE8" versionVector="8" uaString="8">wellsfargo.com</domain>
    <domain docMode="EmulateIE8">7-eleven.com</domain>
    <domain docMode="EmulateIE9" versionVector="9" uaString="9">sportsillustrated.cnn.com</domain>
    <domain docMode="EmulateIE9">lowes.com</domain>
    <domain docMode="IE9">github.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">dodge.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">krispykreme.com</domain>
    <domain featureSwitch="createElementWithMarkup:false">youtube.com</domain>
    <domain uaStringImmersive="Firefox 5">tv.slashgear.com</domain>
    <domain uaStringImmersive="iPad">mashable.com</domain>
    <domain uaStringImmersive="iPad">tested.com</domain>
    <domain>about.zappos.com</domain>
    <domain>airborne.gogoinflight.com</domain>
    <domain>aol.com</domain>
</iecompatlistdescription>

  • Loading...
Leave a Comment
  • Please add 7 and 5 and type the answer here:
  • Post