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 方面。

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 中的新变化！