Chrome 53 支持 Shadow DOM、PaymentRequest 等规范

  • 金灵杰

2016 年 9 月 6 日

话题:Chrome语言 & 开发架构

上周发布的 Chrome 53 带来了一系列实验性规范的支持,如 Shadow DOM,它为复杂网页的开发提供便利。同时,针对移动平台,Chrome 53 也提供了 PaymentRequest 接口、自定义通知徽章等功能。

Shadow DOM V1

HTML、CSS 和 JavaScript 是非常强大的开发语言,但是当代码量变大时,维护难度会大大增加。另外,网站嵌入的第三方内容而引入的样式,不会影响到其他的部分。Chrome 53 支持Shadow DOM V1,该规范能够将元素的样式和子 DOM 节点单独封装,与主文档树相互独立。这样能够提升大型或富客户端网站的可维护性。Shadow DOM V1 版本规范和 V0 版本有显著的不同,该版本已经被各大主流浏览器厂商广泛认可。Chrome 将同时支持两个版本的 API,直到有足够数量的开发者开始使用 V1 版本。ShadowRoot的行为由其创建时所调用的 API 决定(V0 版本使用Element.createShadowRoot()而 V1 版本使用Element.attachShadow()创建)。

PaymentRequest API

在网页上完成支付操作对用户来说是个冗长的流程,这样会降低网站支付转化率。虽然自动填充可以让用户输入信息更加方便,但是在移动设备上高效数据输入仍然是一个挑战。PaymentRequest 接口允许通过信用卡或者 Android Pay在网页上快速、无缝和安全的支付。它还能够在无需输入的情况下,让用户提供账单地址、物流信息和支付信息等内容。PaymentRequest 接口在 Android 版 Chrome 上可用,对更多平台支持即将推出。

Payment Request API 演示

Android 版 Chrome 自动播放静音视频

视频是网站和用户交互非常好的方式,但是视频不合时宜的播放会令人不快。这种场景在移动设备上更为常见,因为用户可能处于不能开启音频的环境。Android 版 Chrome 允许静音的视频在没有用户交互的情况下开始播放。如果视频被标记为静音,且有 autoplay 属性,Chrome 将会在视频对用户可见时开始播放。开发者也可以通过脚本在无需用户交互的情况下播放静音视频。静音视频在用户操作前播放音频将会被自动暂停。

其他新增特性

弃用和互操作性的改进


感谢韩婷对本文的审校。

给 InfoQ 中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ@丁晓昀),微信(微信号:InfoQChina)关注我们。

Chrome语言 & 开发架构