详解Metro 风格:一种引擎,两种体验,毫不逊色

对于浏览器体验的改进远远不止于将其移植到触摸设备上这么简单。为了在运行 Windows 8 的各种外形尺寸的设备上提供最佳浏览体验,我们彻底颠覆了 Web 浏览器体验及其基础架构。

我们在 Windows 8 中的做法始于一个强大的 HTML5 浏览引擎,该引擎可提供两种截然不同的体验。单个引擎即可提供对 Web 标准、硬件加速性能、安全、隐私及其他功能的强大支持。然后,我们在该引擎的基础上构建了两种体验:一种全新的 Metro 风格体验,以及一种更加传统的使用选项卡和相对最小“Chrome”的当前一代桌面浏览器。

结果就是您携带一台设备即可同时获得两种毫不逊色的体验,即可充当沉浸式的平板设备,也可作为灵活多变的笔记本电脑。您也可以在一台强大的多显示器台式机上同时获得两种体验,同样毫不逊色。

借助 Windows 8 中的 Metro 风格浏览器,您将在浏览 HTML5 网站时获得最具有沉浸感的触控优先体验。如果您偏好更为传统的窗口和选项卡管理,您可以通过桌面版 IE 获得该风格的改进形式。这两种体验都通过相同的 IE10 引擎提供。

在构建全新的 Metro 风格体验时,出现一件有趣的事:我们意识到即使您使用的是大屏幕、台式计算机和鼠标及键盘,该浏览器也可为您提供更为出色的浏览体验。虽然这是一款触控优先的浏览器,但同样非常适合键盘和鼠标或触控板。如果您已经越来越习惯于通过手机浏览网页,那么您很可能已经习惯于这种几乎无需“Chrome”,更加直观的选项卡管理,以及更具有沉浸感、更脱离“桌面化”、更加手动的浏览体验。您或许会发现相对于传统的桌面风格,自己更偏爱 Internet Explorer 10 全新的 Metro 风格体验。

再次提醒您:当前 Windows 开发人员预览版中的 Metro 风格浏览器针对的是开发人员,而不是一般用户。开发人员社区还需要进行一些工作来让该体验准备好面向一般用户(例如,让网站更新不兼容 IE10 的较为陈旧、过时的库,或确保该网站已运行用于确保其他设备兼容 Metro 风格浏览器的免费插件)。

一种引擎,两种体验

由于在桌面 IE 和 Metro 风格 IE 上提供强大的 HTML5 支持同样至关重要,因此我们采用了 IE10 引擎的体系结构来强化这两种体验。这两种体验共享浏览历史记录、键入的网址、设置及其他一些特性。该通用引擎可为当今的网站及 Metro 风格应用程序提供始终如一高速、安全和强大的体验:

  • 性能。Metro 风格 IE 与桌面版 IE 同样具有行业领先的性能。这包括对于图片、视频和音频的完整硬件加速,编译的 JavaScript,以及针对触摸响应优化的新布局和格式化引擎。
  • 安全。Metro 风格 IE 还与桌面版 IE 同样具有行业领先的安全、隐私及可靠性功能。这包括 SmartScreen、XSS 过滤和 InPrivate 浏览。
  • HTML5。Metro 风格 IE 与桌面版 IE 同样支持丰富的 HTML5 Web 编程模式。在 BUILD 上,我们介绍了新增加的对于 CSS 文本阴影、CSS 3D 变形、IndexedDB、Web Socket、HTML5 文件 API、HTML5 历史记录、断字、CSS 转换和动画、HTML5 应用程序缓存的支持,以及之前在 IE10 平台预览中展示的其他新功能。
  • 将浏览器重新打造为 Metro 风格的应用程序

    我们在将浏览器重新打造为 Metro 风格的应用程序时,我们发现了一种推进 Web 向前发展的全新方式。

    例如,Metro 风格具有沉浸感。Metro 风格 IE 中的网页,不存在任何可能导致视觉混乱的元素。您可以使用标准手势来获取在其他情况下可能导致您从 Web 分心的功能。与在其他 Metro 风格的应用程序中一样,您可以使用“个性分类”在 Metro 风格的 IE 中进行搜索和共享。您可以使用设备个性分类,例如,在外部设备上播放并编辑来自网页的视频。您可以将 IE “折断”并与其他 Metro 风格的应用程序并排放置。将网站和 Metro 风格的应用程序结合使用非常轻松,因为它们就是为此而设计的。

    全新的 Metro 风格不仅仅是一种视觉设计。例如,该风格允许您通过较少的键入访问重要网站。打开新的选项卡或调出地址栏时,您将看到一个触控友好型可视化列表,其中记录了您经常访问和已附加的网站。

    详解Metro 风格:一种引擎,两种体验,毫不逊色

    Metro 风格浏览器中记载了经常访问和已附加的网站的触控友好型可视化列表

    在地址栏中键入内容以筛选此列表。当您调出打开的选项卡时,将立即显示地址栏,以便您可以访问未打开的目标网站:

    详解Metro 风格:一种引擎,两种体验,毫不逊色

    在 Metro 风格浏览器中打开选项卡和地址栏

    拼写检查和自动完成功能同样可以减少您访问网站时所需的键入量。请注意,您甚至可以使用 InPrivate 和跟踪保护进行浏览。

    为了让您易于访问和处理关注的网站,您可以像附加其他 Metro 风格应用程序那样将其附加到新的 Windows 8 开始屏幕。

    详解Metro 风格:一种引擎,两种体验,毫不逊色

    将网站附加到开始屏幕

    IE10 加大了控件的间隔(如复选框和单选按钮),以便使其更适于触控。开发人员可以使用 CSS 等标准 Web 图案来设置控件样式,以便进一步加强网站的触控适用性。例如,您可以在下方看到一个带有自定义背景图像的 HTML5 范围输入类型控件:

    详解Metro 风格:一种引擎,两种体验,毫不逊色

    IE10(顶部)、Chrome(左下)

    和 Mozilla Firefox(右下)中带有自定义背景的 HTML5 控件

    Metro 风格的 IE 支持触控平移及滑动缩放。由于 HTML5 引擎可以充分利用完整硬件加速的优势,网页浏览将与系统的其他部分一样迅速而流畅。滚动和平移可达到同样的出色效果。

    Metro 风格的 IE:展望未来

    透过这种全新的浏览器体验,我们看到了推动 Web 向前发展的新机遇。我们期待通过网站开发人员的努力,充分利用该体验的优势。触控非常重要,沉浸式体验同样如此。联想到当今人们花费在网络上的时间,您就知道这其中蕴含了多么巨大的潜力。

    当前的 Windows 开发人员预览版针对的是开发人员,而不是一般用户。例如,我们还需要确保网站已运行了用于确保其他设备兼容该风格 IE10 的免费插件。同样,某些网站需要更新不兼容 IE10 的较为陈旧、过时的库。包含当前桌面风格浏览器,以提供人们期待 Windows 发行版所具有的兼容性同样非常重要。

    悲观主义者可能会批评所谓的“两种浏览器”。事实上,它们只是同一引擎的两种不同“皮肤”。随着时间的推移,Metro 风格体验将逐渐成为主流浏览情境,同时桌面浏览也将继续在人们的生活中扮演重要的角色。您可以将两种风格中的任何一种设置为默认风格,无缝地在二者之间切换,或在 Windows 8 上使用任何其他您选择的浏览器。

    悲观主义者可能还会争论他们在多大程度上需要或不需要每种浏览器风格的不同方面。如果您希望永远沉浸在 Metro 风格中,这当然没问题。您甚至不会看到桌面,并且如果您并未明确指定启动该风格,Windows 将不会加载该代码。但是,如果您需要桌面体验提供的精准控制、强大的窗口化和文件管理功能、与插件的兼容性,这些功能同样唾手可得。我们经过深思熟虑,在体系结构和设计中为您提供了毫不逊色的体验,即使您只携带一台设备,也可满足您的多种需求。因此,请选择适合您的浏览风格吧。

    链接:Windows 8特色之Metro风格IE10 微软演示

    (来源:windows 8官方博客)

    发表评论

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    目前评论:1   其中:访客  0   站长  0

      • Demon 6

        嘿嘿。..不错。等 正式版