Chrome 61 Beta有哪些新特性?

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

[[204031]]

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

JavaScript 模块

这些模块允许开发者声明脚本的依赖项,在第三方构建工具中深受欢迎,这些工具在使用它时仅捆绑必需的脚本。 此版本通过新的<script type=module>元素加入对 JavaScript 模块的原生支持。

原生支持指的是浏览器可以并行获取精细的依赖项,从而可以利用缓存、避免跨页面重复,并确保脚本按正确顺序执行,所有这一切都不需要执行构建步骤。

 

要开始体验,请先详细了解 JavaScript 模块以及受这些模块影响的 JavaScript 语言的各个方面。

桌面版 Payment Request API

自去年宣布支持 Android 后,Payment Request API 现已支持 Windows、Mac、Linux 和 ChromeOS。目前,开发者可以提供安全、无缝的跨平台结账体验。要开始体验,请先“查看”我们的集成指南。

一笔交易的 PaymentRequest 流程

 

▲ 一笔交易的 PaymentRequest 流程

Web Share API

为允许用户轻松地在社交网络上分享内容,开发者必须针对每个社交服务手动将分享按钮集成到他们的网站。这不仅会导致页面臃肿和包括第三方代码引发的安全风险,还常常会导致用户无法通过其实际使用的服务分享内容。

网站现在可以在 Chrome(Android 版)上使用新的 navigator.share API 来触发原生 Android 分享对话框,从而允许用户轻松地与其安装的任何本机应用分享文本或链接。在未来的版本中,此 API 还将能够分享给已安装的网络应用。

navigator.share API 允许用户通过原生 Android 分享对话框与各种本机应用分享内容

 

▲ navigator.share API 允许用户通过原生 Android 分享对话框与各种本机应用分享内容。

WebUSB

高级网络平台 API 支持大多数硬件外设,如键盘、鼠标、打印机和游戏手柄。为了使用教育、科学或工业等专用 USB 外设,用户必须使用系统级权限查找和安装可能不安全的驱动程序和软件。

 

Chrome 现在支持 WebUSB API,在用户同意的情况下允许网络应用与外设通信。这可实现上述设备提供的所有功能,同时仍可保证网络的安全。

此版本中的其他特性

 

  • Network Information API 现在提供桌面版和 Android 版,支持网站访问设备的底层连接信息。
  • 现在,开发者可以通过现有 Scroll API 中的一个新可选参数或通过 scroll-behavior CSS 属性指定滚动流畅度。
  • CSSOM View Smooth Scroll API 通过 scroll-behavior: smooth CSS 属性或通过使用 window.scrollTo() DOM 滚动函数为平台带来原生的流畅滚动,从而不再需要通过 JavaScript 实现此行为
  • CSS 颜色值现在可以是 8 位和 4 位十六进制颜色,格式为 #RRGGBBAA 和 #RGBA。
  • 现在,网站可以通过 Visual Viewport API 访问屏幕内容的相对位置,从而更直接地显示复杂的功能,如利用双指张合手势进行放大。
  • 现已提供 Device RAM API,可向网站显示用户设备上的 RAM 容量,以优化网络应用的总体性能。
  • 现在,从已安装网络应用导航到初始网络应用范围之外的网站时,新网站将在一个自定义 Chrome 标签中自动加载。
  • 现在,对于使用原生控件的视频,当用户顺着屏幕上播放的视频的方向旋转他们的设备时,Chrome 会自动将视频扩展为全屏播放。
  • nextHopProtocol 现已在 Resource Timing 和 Navigation Timing 中提供,从而让用户可以访问用于获取资源的网络协议。
  • 网站现在可以要求嵌入第三方内容,以通过<iframe> 元素上的新 csp 属性强制执行给定的内容安全政策。
  • DOMTokenList 界面现在支持 replace(),可轻松地将所有完全相同的令牌更改为新令牌,如 active 在到期后更改为inactive。
  • 为访问元素的属性名称列表,现在支持 getAttributeNames(),并为开发者提供一种比 attributes 集合更直接的机制。
  • 现在,为提高安全性,在打开 JavaScript 对话框时,网站将自动退出全屏模式。
  • 网站现在可以通过 Storage API 的新 navigator.storage.estimate() 函数来获取给定来源使用的磁盘空间的预估值和配额(以字节表示)。
  • 为提升浏览器的缓存***率,URLSearchParams 现在支持 sort() 以列出所有存储的名称—值对。
  • 现已更新 URLSearchParams 构造函数,可接受任何对象作为参数,而不是仅接受其他 URLSearchParams 实例。
  • 为防止使用错误发放的证书未被发现,网站可以使用新的 Expect-CT HTTP 标头,其将启用自动举报和/或强制执行证书透明度要求。
  • Chrome 将不再使用后台标签中的媒体源解码视频帧。
  • 现在可通过 ImageCapture.getPhotoSettings() 检索“Non-Live”相机设置(如照片分辨率、减少红眼和闪光模式)。

弃用和互操作性的改善

 

  • 为提高安全性,网址中同时包含 \n 和 < 字符的资源现在将被屏蔽。
  • 为提高安全性,已针对不安全的上下文弃用和移除对 Presentation API 的 start 函数的支持。
  • 为提高各个on<event>属性的一致性,onwheel 属性已从 Element 移动到 Window、Document、HTMLElement 和 SVGElement。
  • 为更好地遵循规范和对引用的内容流进行更精细的控制,Chrome 现在支持三个新的引用站点政策值,即 same-origin、strict-origin 和 strict-origin-when-cross-origin。
  • 在对规范进行更改后,colSpan 的***值已从 8190 减少到 1000。

【本文是51CTO专栏机构“谷歌开发者”的原创稿件,转载请联系原作者(微信公众号:Google_Developers)】

戳这里,看该作者更多好文

责任编辑:赵宁宁 来源: 51CTO专栏
相关推荐

2017-02-22 14:30:44

Chrome BetGoogle(Android

2021-11-17 10:45:58

Chrome 95新特性前端

2021-03-30 14:50:41

前端TypeScript 命令

2013-02-25 14:02:07

RubyWeb

2021-06-23 09:46:16

Python 3.10结构模式管理器

2022-06-24 08:33:13

ECMAScriptjavaScript

2023-06-28 00:40:01

ECMAScriptWeakMapSymbol

2020-07-14 08:45:13

Flink特性jira

2022-02-10 09:37:14

@layerCSSChrome

2010-08-06 15:14:03

DB2 V9.5 新特

2010-12-06 09:33:21

Silverlight

2010-10-12 09:52:02

ASP.NET MVC

2020-07-08 15:12:29

iOSIpad OS苹果

2011-11-07 12:34:48

Windows 8特性

2012-03-24 21:02:41

iOS

2009-07-20 16:44:56

ASP.NET MVCIValueProvi

2009-02-20 11:04:48

GoogleChrome2.0.164.0

2009-03-01 21:38:04

GoogleChrome 2.0.Beta

2010-11-25 13:53:13

VPNDVPN

2020-11-23 09:50:44

Chrome前端Web
点赞
收藏

51CTO技术栈公众号