Chrome 54 Beta新特性介绍

Posted 谷歌开发者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Chrome 54 Beta新特性介绍相关的知识,希望对你有一定的参考价值。


Chrome 54 Beta新特性介绍


除非另外注明,否则,下面介绍的更改均适用于最新 Chrome Beta 渠道版(android、Chrome 操作系统、Linux、Mac 和 Windows)。



自定义元素 v1

Chrome 54 Beta新特性介绍

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


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



BroadcastChannel

桌面用户同时打开多个窗口或选项卡是很常见的事。有些网站利用了此行为,例如网页编辑器可在其自己的选项卡中打开文档。


在历史上,这些选项卡之间的通信一直很难。BroadcastChannel 是窗口、选项卡、iframe、Web Worker 及服务工作线程之间一种新型的一对多消息传递 API。它可让脚本建立命名通道以在同源浏览上下文之间发送消息。



Chrome(Android 版)的媒体平台改进

对于需要灵活利用整个屏幕的移动设备,媒体在浏览体验中的角色越来越吃重。现在,当屏幕方向改变后,除了用户手势,开发者还可以使用 Element.requestFullScreen() 触发全屏模式。这可以提供像媒体播放器旋转切换至全屏这样的体验。 

除了对全屏模式的改进之外,Android 上的 Chrome 现在可对后台运行的 HTMLVideoElement 保持提供媒体通知,可让用户在视频不可见时继续播放视频。开发者可以使用 Page Visibility API 检测后台视频播放。


此版本中的其他特性
  • 在卸载处理程序中发起的导航将被阻止,任何之前的导航将会继续。

  • CanvasRenderingContext2D 的 imageSmoothingQuality 属性可让开发者在缩放时调整分辨率来平衡性能与图像质量。

  • 网站可以使用 Node.getRootNode(options) 获取指定节点的根。

  • 利用 PushSubscription.options,网站可以跟踪 applicationServerKeys,而无需离线存储它们。

  • Resource Timing API 现在支持 transfer、encoded 和 decoded 大小属性,可让开发者测量缓存命中率和字节使用量。

  • user-select 属性可让开发者指定用户可以选择哪些元素以及如何选择。

  • Foreign Fetch 和 WebUSB 可供试验用作起源试验。


弃用和互操作性的改善
  • 为了匹配其他浏览器中的行为,嵌入的 YouTube Flash 播放器将被 Chrome 覆盖,以使用 HTML5 嵌入的样式,改进 Chrome Desktop 上的性能和安全。

  • CacheQueryOptions 现在符合所有 CacheStorage 方法中的规范。

  • initTouchEvent 已移除,代之以 新的 TouchEvent() 构造函数。

  • SVGZoomEvent 已移除,因为它不再属于 SVG 2.0 规范。

  • SVGSVGElement.currentView、SVGSVGElement.useCurrentView、SVGViewSpec 接口和 SVGSVGElement.viewport 已移除,因为它们不再属于 SVG 2.0 规范。

  • SVGTests.requiredFeatures 属性已弃用,因为它不再在 SVG 2.0 规范中提供有用的功能。

  • SVGElement 现在支持 dataset 属性。

  • KeyEvent.keyIdentifier 字段已移除,代之以 KeyboardEvent.key 字段。

  • window.external.IsSearchProviderInstalled() 和 AddSearchProvider() 现已弃用,因为大多数其他浏览器不再支持它们。


查看原文所有链接,请点击文末阅读原文。


发布人:Marijn Kruisselbrink,Broadcast Buccaneer


推荐阅读:







Chrome 54 Beta新特性介绍


10.10 Google Doodle: 50th Anniversary of Health and Sports Day



以上是关于Chrome 54 Beta新特性介绍的主要内容,如果未能解决你的问题,请参考以下文章

Chrome 49 Beta 的新特性

Xcode12.5 新特性介绍

Xcode12.5 新特性介绍

Xcode12.5 新特性介绍

webpack 4.0.0-beta.0 新特性介绍

Xcode 12 beta 中的 Swift 新特性概览