- Chrome 62 提供实际性能指标（而不是理论结果），使网络信息 API 更加实用。
- OpenType 可变字体已获得支持。
- 您可以从 HTML 媒体元素中捕获媒体流。
- 我有一条特别提醒，要告知您 Chrome 62 中将发生的一项重要变更。
还有更多功能！
我是 Pete LePage。我们来深入了解一下 Chrome 62 中面向开发者的新功能！
想要查看完整的变更列表？请查看 Chromium 源代码库更改列表。
网络质量指标
Network Information API 已在 Chrome 中推出一段时间了，但它仅提供给定用户连接类型下的理论网络速度。假设您使用的是 Wi-Fi，但所连接的移动网络热点只有 2G 速度，API 会报告 Wi-Fi！
console.log(navigator.connection.type);
> wifi
在 Chrome 62 中，该 API 已进行拓展，可提供来自客户端的实际网络性能指标。利用这些网络质量信号，您可以针对网络定制内容。例如，在非常缓慢的连接上，您可以通过提供缩减版来提升页面加载性能。
为了简化应用逻辑，此 API 会返回与移动网络连接相比的测量网络性能。例如，当连接到超高速光纤连接时，API 将报告 4G。
console.log(navigator.connection.effectiveType);
> 4G
这些信号也将以 HTTP 请求标头的形式提供并通过客户端提示启用。请参阅示例并查看规范，更深入地了解相关信息。
OpenType 可变字体
传统上，一种字体仅包含字体系列的一个实例，例如一种粗细或一种拉伸。如果您需要常规、粗体和斜体，则需要添加三种单独的字体，从而增加网页的粗细。
OpenType 可变字体相当于可以将多个单独的字体压缩到一个字体文件中。通过调整 font-variation-settings CSS 属性，您可以轻松调整拉伸、样式、粗细等，从而提供无数种样式变化。现在，这三个字体可以合并到一个紧凑的文件中。
.heading {
font-family: "Avenir Next Variable";
font-size: 48px;
font-variation-settings: 'wght' 700, 'wdth' 75;
}
.content {
font-family: "Avenir Next Variable";
font-size: 24px;
font-variation-settings: 'wght' 400;
}
OpenType 可变字体为我们提供了一款强大的全新工具，可用于创建响应式排版并减轻网页重量。如需了解详情，请参阅 John Hudson 的 OpenType 变量字体简介。
从 DOM 元素捕获媒体
现在，您可以使用 Media Capture from DOM Elements API，直接从 HTMLMediaElements 实时捕获内容（例如音频和视频）到 MediaStream。
对 HTML 媒体元素调用 captureStream() 后，就可以操纵、处理、远程发送或录制流式传输的内容。想象一下，您可以使用 Web Audio 来创建自己的均衡器或声码器。或者，使用 WebRTC 将内容流式传输到远程网站。几乎一切皆有可能。
部分 HTTP 网页显示“不安全”标签
正如我们之前宣布的那样，从 Chrome 62 开始，当用户在 HTTP 网页上输入数据时，Chrome 会在地址栏中为该网页添加标签，将其标记为“不安全”。在无痕模式下，所有 HTTP 网页也会显示此标签。
等等！
Chrome 62 中面向开发者的变更只是诸多改进，当然，远不止这些。
- Payment Request API 现已在 Chrome（iOS 版）上推出。
- 您可以通过 WebVR 源试用开始构建实验性丰富的 VR 体验。
然后，订阅我们的 YouTube 频道，这样每当我们发布新视频时，您就会收到电子邮件通知。
我是 Pete LePage，待 Chrome 63 发布后 我会立即向大家介绍 Chrome 的新变化！