Chrome 54 Beta:媒体平台等多项内容改进

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

[[173195]]

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

自定义元素 v1

复杂的用户界面通常需要大量 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() 现已弃用,因为大多数其他浏览器不再支持它们。
责任编辑:未丽燕 来源: 开源中国社区
相关推荐

2016-10-27 17:05:32

Chrome浏览器

2020-08-26 09:23:23

iOS 14 Beta苹果iPhone 12

2021-08-23 06:37:29

谷歌Chrome 浏览器

2011-10-10 10:33:26

Chrome远程桌面Chrome Remo

2010-11-23 09:34:59

iOS 4.2iPhone OS 4iPad

2009-02-20 11:04:48

GoogleChrome2.0.164.0

2009-03-01 21:38:04

GoogleChrome 2.0.Beta

2009-09-22 09:23:39

Chrome 3.0谷歌浏览器

2013-07-30 14:10:51

iOS 7 Beta

2017-02-22 14:30:44

Chrome BetGoogle(Android

2013-06-05 09:13:44

MySQL 5.6.1

2012-08-07 11:14:22

Apple TV智能电视

2010-10-25 09:37:19

Chrome Dev

2009-05-22 08:57:34

GoogleChrome浏览器

2009-12-09 09:25:27

Chrome浏览器Mac版

2013-07-22 09:11:49

Chrome OS

2012-02-08 15:43:52

AndroidChrome

2017-10-30 12:50:40

Google

2010-02-01 15:18:38

Radware应用交付平台

2010-11-19 14:00:17

Chrome DevBeta
点赞
收藏

51CTO技术栈公众号