当前位置:企业应用软件行业动态 → 正文

Chrome 53 支持Shadow DOM、PaymentRequest等规范

责任编辑:editor004 作者:金灵杰 |来源:企业网D1Net  2016-09-07 11:55:38 本文摘自:INFOQ

上周发布的 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将会在视频对用户可见时开始播放。开发者也可以通过脚本在无需用户交互的情况下播放静音视频。静音视频在用户操作前播放音频将会被自动暂停。

其他新增特性

网站发送通知给Android 6.0(Marshmallow)或以后版本的Android设备,现在可以提供显示在状态栏的徽章,以代替Chrome logo。 Notification对象提供了读取函数,以读取通知的操作按钮和振动模式。 对于用户设置了“检测和运行重要插件内容”之后,跨域插件内容中包含小于5x5像素的图片将不再加载。 allow-presentation的sandbox标签允许网站控制iframe是否可以展现给外部设备。 input元素上的pattern属性现在可以使用unicode标记,以提升语法检查和其他正则表达式工效。 如果祖先元素透明度小于1,3D定位元素将会被扁平化。 为了防止视觉假象,所有内容的变换缩放改动都将会重新光栅化,除非该元素包含will-change: transformCSS属性。 低通和高通双二阶滤波器现在支持更多滤波特性。 --webkit-filter目前是无前缀属性filter的别名,二者行为完全相同,不再有独立的行为。 --webkit-user-select现在支持all属性,它强制选取包含完整的元素及其后继元素。 text-size-adjust属性允许网站控制在移动设备上字体大小是否自动缩放。

弃用和互操作性的改进

通过脚本生成的事件将不再触发默认行为,以提升规范合规性和浏览器互操作性。 HTTP/0.9已经被废弃,取而代之的是HTTP/1.0,它增加了对响应头的支持。 出于安全考虑,TLS的Diffie-Hellman加密算法已经被移除,该算法已经在Chrome 51版本中被弃用。 TextEncoder API不再支持参数,而是始终使用utf-8编码。 由于最近安全问题,赛门铁克公司颁发或者证书链中包含赛门铁克公司的新证书,在Chrome中将不再被授信,除非新证书包含了证书透明度(Certificate Transparency)信息。

关键字:ChromeDOM

本文摘自:INFOQ

x Chrome 53 支持Shadow DOM、PaymentRequest等规范 扫一扫
分享本文到朋友圈
当前位置:企业应用软件行业动态 → 正文

Chrome 53 支持Shadow DOM、PaymentRequest等规范

责任编辑:editor004 作者:金灵杰 |来源:企业网D1Net  2016-09-07 11:55:38 本文摘自:INFOQ

上周发布的 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将会在视频对用户可见时开始播放。开发者也可以通过脚本在无需用户交互的情况下播放静音视频。静音视频在用户操作前播放音频将会被自动暂停。

其他新增特性

网站发送通知给Android 6.0(Marshmallow)或以后版本的Android设备,现在可以提供显示在状态栏的徽章,以代替Chrome logo。 Notification对象提供了读取函数,以读取通知的操作按钮和振动模式。 对于用户设置了“检测和运行重要插件内容”之后,跨域插件内容中包含小于5x5像素的图片将不再加载。 allow-presentation的sandbox标签允许网站控制iframe是否可以展现给外部设备。 input元素上的pattern属性现在可以使用unicode标记,以提升语法检查和其他正则表达式工效。 如果祖先元素透明度小于1,3D定位元素将会被扁平化。 为了防止视觉假象,所有内容的变换缩放改动都将会重新光栅化,除非该元素包含will-change: transformCSS属性。 低通和高通双二阶滤波器现在支持更多滤波特性。 --webkit-filter目前是无前缀属性filter的别名,二者行为完全相同,不再有独立的行为。 --webkit-user-select现在支持all属性,它强制选取包含完整的元素及其后继元素。 text-size-adjust属性允许网站控制在移动设备上字体大小是否自动缩放。

弃用和互操作性的改进

通过脚本生成的事件将不再触发默认行为,以提升规范合规性和浏览器互操作性。 HTTP/0.9已经被废弃,取而代之的是HTTP/1.0,它增加了对响应头的支持。 出于安全考虑,TLS的Diffie-Hellman加密算法已经被移除,该算法已经在Chrome 51版本中被弃用。 TextEncoder API不再支持参数,而是始终使用utf-8编码。 由于最近安全问题,赛门铁克公司颁发或者证书链中包含赛门铁克公司的新证书,在Chrome中将不再被授信,除非新证书包含了证书透明度(Certificate Transparency)信息。

关键字:ChromeDOM

本文摘自:INFOQ

电子周刊
回到顶部

关于我们联系我们版权声明隐私条款广告服务友情链接投稿中心招贤纳士

企业网版权所有 ©2010-2024 京ICP备09108050号-6 京公网安备 11010502049343号

^