Chrome 61 Beta版已支持JavaScript模块，Web支付API，Web Share API和WebUSB

本文由hxl在众成翻译平台上翻译。

Chrome 61 Beta版：JavaScript模块，桌面支付请求API，Web Share API，以及WebUSB

除非另有说明，否则下述更改适用于Android，Chrome OS，Linux，Mac和Windows的Chrome Beta最新版本。

JavaScript模块

模块允许开发人员声明脚本的依赖关系，并且在第三方构建工具中模块已经很受欢迎，它们主要用模块来按需打包脚本。在本次发布的版本中通过<script type=module>元素添加了对JavaScript 模块的原生支持。

原生支持意味着浏览器可以并行获取精细的依赖关系，充分利用缓存，避免整个页面中的重复，并确保脚本以正确的顺序执行，而无需构建步骤。

要开始了解，请详细了解JavaScript模块和受模块影响的JavaScript语言的方方面面。

桌面的Payment Request API

继去年Android宣布支持支付请求API（Payment Request API）之后，现在该API已经可用于Windows，Mac，Linux和ChromeOS了。开发人员现在可以跨平台提供安全，无缝的结帐体验。要开始了解，请查看（“check out”也有结账的意思）我们的整合指南。

整个交易中的支付请求流程。

Web Share API

为了让用户轻松地在社交网络上分享内容，开发人员之前必须手动将每个社交服务的共享按钮集成到他们的网站中。这通常会导致用户无法与其实际使用的服务共享，还会因为包含第三方代码而导致的庞大的页面体积并引入安全风险。

网站现在可以在Chrome for Android上使用新的navigator.shareAPI来触发原生的Android共享对话框，允许用户轻松地与任何已安装的本地app共享文本或链接。在将来的版本中，此API也可以支持分享到已安装的Web应用程序。

navigator.share API允许用户通过本地Android共享对话框与各种本地app共享内容。

WebUSB

高级Web平台API支持大多数硬件外设（如键盘，鼠标，打印机和游戏手柄）。如果要使用专业的教育、科学或工业USB外设，用户必须以系统级权限，找到并安装潜在的不安全的驱动程序和软件。

Chrome现在支持WebUSB API，允许web应用与用户同意的外设进行通信。这些设备提供的所有功能都能使用，同时还能保持网络的安全性。

此版本中的其他功能

• 现在在桌面和Android上支持了Network Information API，使得网站能够访问设备的底层网络连接信息。

• 开发人员现在可以通过现有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访问屏幕内容的相对位置，以更直接的方式暴露了诸如缩放（pinch-and-zoom）之类的复杂功能。

• 支持了Device RAM API，将用户设备上的RAM数量暴露给站点，以优化Web应用程序的整体性能。

• 当从已安装的网络应用程序导航到初始Web应用程序范围之外的网站时，新的站点现在将自动加载到自定义Chrome选项卡中。

• 对于使用原生控件播放的视频，当用户按照与屏幕上播放的视频相匹配的方向旋转设备时，Chrome会自动将视频扩展为全屏。

• nextHopProtocol现在可用于Resource Timing和Navigation Timing，提供对用于获取资源的网络协议的访问。

• 网站现在可以通过在<iframe>元素上的csp属性来要求嵌入的第三方内容强制执行给定的内容安全策略。

• DOMTokenList接口现在支持replace()，可以轻松地将所有相同的令牌更改为新的令牌，例如在过期时将active改为inactive

• 为了能访问元素的atttribute名称列表，现在支持getAttributeNames()，比遍历attribute集合更直接。

• 为了增加安全性，如果JavaScript对话框打开，站点现在将自动退出全屏。

• 通过Storage API的新navigator.storage.estimate()函数，网站现在可以获取访问给定来源所用的磁盘空间和配额的估计值（以字节为单位）。

• 为了提高浏览器的缓存命中率，URLSearchParams现在支持sort()来列出所有存储的"名 - 值"对。

• URLSearchParams构造函数已更新，现在接受任何对象作为参数，而不仅仅是其他的URLSearchParams实例。

• 为了防止忽视误发的证书，站点可以使用新的Expect-CT HTTP头，这将允许自动报告和/或执行证书透明度要求。

• 背景选项卡中的Chrome将不再解码使用Media Source的视频帧。

• 现在可以使用ImageCapture.getPhotoSettings()获取“非实时”相机设置，如照片分辨率，防红眼和闪光模式。

弃用的功能和互操作性改进

• 为了增强安全性，包含\n和<属性的URL的资源现在会被阻塞掉。

• 为了增强安全性，从不安全的上下文弃用和移除Presentation API的start方法。

• 为了增加on<event>属性的一致性，onwheel属性已从Element移动Window，Document，HTMLElement和SVGElement。

• 为了更好地遵守规范，并对引用内容的流量进行更精细的控制，Chrome现在支持三个新的来源策略（Referrer Policy）值，same-origin, strict-origin, 以及strict-origin-when-cross-origin。

• 随着规范的变化，colSpan的最大值已从8190降低到1000。

长按二维码，关注奇舞周刊

▼

原文来自: 奇舞周刊

声明：所有来源为“聚合数据”的内容信息，未经本网许可，不得转载！如对内容有异议或投诉，请与我们联系。邮箱：marketing@think-land.com