@babydragon
2016-09-06T09:57:41.000000Z
字数 1965
阅读 1841
chrome
上周发布的 Chrome 53 带来了一系列实验性规范的支持，如Shadow DOM，它为复杂网页的开发提供便利。同时，针对移动平台，Chrome 53也提供了PaymentRequest接口、自定义通知徽章等功能。
上周发布的 Chrome 53 带来了一系列实验性规范的支持，如Shadow DOM，它为复杂网页的开发提供便利。同时，针对移动平台，Chrome 53也提供了PaymentRequest接口、自定义通知徽章等功能。
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接口允许通过信用卡或者Android Pay在网页上快速、无缝和安全的支付。它还能够在无需输入的情况下，让用户提供账单地址、物流信息和支付信息等内容。PaymentRequest接口在Android版Chrome上可用，对更多平台支持即将推出。
视频是网站和用户交互非常好的方式，但是视频不合时宜的播放会令人不快。这种场景在移动设备上更为常见，因为用户可能处于不能开启音频的环境。Android版Chrome允许静音的视频在没有用户交互的情况下开始播放。如果视频被标记为静音，且有autoplay属性，Chrome将会在视频对用户可见时开始播放。开发者也可以通过脚本在无需用户交互的情况下播放静音视频。静音视频在用户操作前播放音频将会被自动暂停。
input元素上的pattern属性现在可以使用unicode标记，以提升语法检查和其他正则表达式工效。will-change: transformCSS属性。--webkit-filter目前是无前缀属性filter的别名，二者行为完全相同，不再有独立的行为。all属性，它强制选取包含完整的元素及其后继元素。