Chrome 61 的新功能

• Chrome 61 现在原生支持 JavaScript 模块，统一了模块化 JavaScript 的编写方式。
• 您现在可以使用 navigator.share 触发原生 Android 分享对话框。
• WebUSB API 已发布，该 API 允许 Web 应用访问用户允许的 USB 设备。
• 以及更多功能！

想要查看更改的完整列表？查看 Chromium 源代码库变更列表。

我是 Pete LePage。我们来深入了解一下，看看 Chrome 61 为开发者提供了哪些新功能！

JavaScript 模块

Chrome 61 通过 <script type="module"> 元素添加了对 JavaScript 模块的原生支持。这样一来，Chrome 便可以并行提取精细的依赖项，从而利用缓存、避免网页重复并确保脚本按正确的顺序执行。

<script type="module">
  import {addText} from './utils.js';
  addText('Modules are pretty cool.');
</script>

这种标准化模块系统统一了编写模块化 JavaScript 并将其传送到网络浏览器的方式。将来，Node 中将提供该系统，以便您更轻松地编写和部署同构 JavaScript。

您可以通过以下链接详细了解模块以及受各模块影响的 JavaScript 的各个方面。

• Chrome 状态
• 浏览器中的 ES 模块
• ES6 模块深入介绍

Web Share API

如果您希望用户能够轻松地在他们喜爱的社交网络上分享您的内容，则需要将分享按钮集成到您的网站中，针对每个社交网络。这会使网页变得臃肿，并不一定非常适合您的界面，并且意味着您需要添加来自第三方网站的代码。

借助 Web Share API（目前已在 Android 版 Chrome 中推出），您可以调用用户设备的原生分享功能，从而让用户能够轻松地与其安装的任何原生应用分享文本或链接！

在未来的版本中，此 API 还将能够分享给已安装的 Web 应用。若要使用它，只需调用 navigator.share 并提供要共享的页面的详细信息，系统即可处理其余工作。

navigator.share({
  title: document.title, text: 'Hello',
  url: window.location.href
}).then(() => {
  console.log('Successful share');
});

如需了解完整详情以及您应该遵循的一些最佳实践，请查看 Paul 的 WebShare API 更新。

WebUSB

大多数硬件外围设备（如键盘、鼠标、打印机和游戏手柄）都由高级网络平台 API 支持。但是，在浏览器中使用专用的教育、科学、工业或其他 USB 设备非常困难，通常需要专业的驱动程序。

Chrome 现在支持 WebUSB API，该 API 允许 Web 应用在用户表示同意后与 USB 设备通信。如需详细了解安全和隐私方面的注意事项及其处理方式，请参阅 WebUSB 规范。

然后，当您准备好深入探索时，再看看 Francois 发布的 WebUSB 帖子，其中介绍了最新动态。

还有更多其他奖励！

• 现在，您可以使用 scroll-behavior CSS 属性指定滚动流畅度。
• CSS 十六进制颜色值现在可以通过在字符串末尾添加数字来指定 Alpha 透明度。
• 您可以使用 Visual Viewport API 获取屏幕内容的相对位置，从而更直接地公开双指张合缩放等复杂功能。

以上只是针对开发者的 Chrome 61 变化的一部分。

然后订阅我们的 YouTube 频道；每当我们发布新视频时，您都会收到电子邮件通知。

我叫 Pete LePage