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

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。

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2017-08-22

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏极客编程

AngularJS应用开发思维之1:声明式界面

这篇博客之前承接上一篇:http://www.cnblogs.com/xuema/p/4335180.html

10310
来自专栏信安之路

你电脑的 WiFi 密码全是我的

无线的时代已经来临,是他让我们感受到了没有线的束缚的感觉,随之而来的安全问题就越来越多,如今主流的 WiFi 密码破解手法如:跑字典丶钓鱼 WiFi 他们都是有...

17840
来自专栏WindCoder

WordPress开发人员犯的12个最严重的错误

原本之前还有篇ruby的,拖得时间有点久了,同时本身没想过去过多接触ruby,所以暂且就不再祸害那篇文章了,有兴趣的可自己去看Creating a Ruby D...

24010
来自专栏前端大白专栏

服务器端渲染和客户端渲染

32650
来自专栏魏艾斯博客www.vpsss.net

宝塔 Linux 面板发布 3.6 版本

35340
来自专栏极乐技术社区

微信小程序跳坑指南系列《一》:新坑30枚

1、小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。 2、小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更...

262100
来自专栏知晓程序

开发 | 无需后端编码,手把手教你把 WordPress 做成小程序

知晓程序(微信号 zxcx0101)今天分享的这篇文章,将一步步讲解,如何将一个 WordPress 网站借助 REST API 开发微信小程序版。

23830
来自专栏腾讯移动品质中心TMQ的专栏

【腾讯 TMQ】零基础学习 Fiddler 抓包改包

Fiddler 是一款 HTTP 协议调试代理工具,它能够抓取记录本机所有 HTTP(S) 请求,通过设置断点等方法我们可以任意修改进出 Fiddler 的数据...

1.8K00
来自专栏编程微刊

小程序开发快速入门教程(附源码)小程序初始化目录:我是分割线===开发ing示例步骤:

25330
来自专栏自动化测试

手机APP自动化之小白进阶_python

导语 本文介绍用python实现登录微信并发送公众号留言的几种方式,包括遇到的一些问题及解决方法,也附录了一些觉得很全面有用的资料,供想了解app自动化测...

52240

扫码关注云+社区

领取腾讯云代金券