来自 新葡8455操作系统 2020-01-12 02:41 的文章
当前位置: 新葡棋牌京官网app > 新葡8455操作系统 > 正文

Chrome 53 支持 Shadow DOM 等规范

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

Shadow DOM V1

图片 1

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

Chrome 54 Beta版本有几项进行了优化,包括自定义元素 V1、BroadcastChannel 和媒体平台改进等。

PaymentRequest API

自定义元素 v1

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

复杂的用户界面通常需要大量 HTML。大多数语言可让开发者在语言原语的基础上创建自己的组件,以缓解这种繁冗。自定义元素可让开发者创建自定义的 HTML 标记,以及在 JavaScript 中定义新元素的 API 和行为。这样可以使用浏览器原生的方式构建可重复使用、可互操作的组件。

Payment Request API演示

Chrome 54 支持最新的自定义元素 V1 规范,该规范获得了主要浏览器供应商的广泛认同。Chrome 也会继续支持 V0 API,直到有足够的开发者转移到 V1。

Android版Chrome自动播放静音视频

BroadcastChannel

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

桌面用户同时打开多个窗口或选项卡是很常见的事。有些网站利用了此行为,例如网页编辑器可在其自己的选项卡中打开文档。在历史上,这些选项卡之间的通信一直很难。BroadcastChannel 是窗口、选项卡、iframe、Web Worker 及服务工作线程之间一种新型的一对多消息传递 API。它可让脚本建立命名通道以在同源浏览上下文之间发送消息。

本文由新葡棋牌京官网app发布于新葡8455操作系统,转载请注明出处:Chrome 53 支持 Shadow DOM 等规范

关键词: