Chrome 61 的新功能

Pete LePage

• Chrome 61 现在原生支持 JavaScript 模块，统一了模块化 JavaScript 的编写方式。
• 您现在可以使用 navigator.share 触发原生 Android 分享对话框。
• WebUSB 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 现已在 Chrome（Android 版）上推出，可让您调用用户设备的原生分享功能，从而让用户能够轻松地与其安装的任何原生应用分享文本或链接！

在未来的版本中，此 API 还将能够分享给已安装的网络应用。 如需使用此功能，只需调用 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，允许网络应用在用户同意的情况下与 USB 设备通信。如需详细了解安全和隐私方面的注意事项及其解决方法，请参阅 WebUSB 规范。

然后，当您准备好深入了解时，请阅读 Francois 的 WebUSB 博文，了解最新动态。

等等！

• 您现在可以使用 scroll-behavior CSS 属性指定滚动流畅度。
• CSS 十六进制颜色值现在可以通过在字符串末尾添加数字来指定 alpha 透明度。
• 您可以使用 Visual Viewport API 访问屏幕内容的相对位置，从而更直接地显示复杂的功能，如利用双指张合手势进行放大。

以上仅列出了 Chrome 61 中面向开发者的部分变更。

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

我叫 Pete LePage，一旦 Chrome 62 发布， 我就会立刻与您分享 Chrome 中的新变化！