Chrome 61 里的新玩意！

最新推荐文章于 2023-05-03 13:40:48 发布

前端外刊评论

最新推荐文章于 2023-05-03 13:40:48 发布

阅读量302

点赞数

本文链接：https://blog.csdn.net/JXH600ZRQR/article/details/78210365

版权

本文翻译自 New in Chrome 61，有部分增减。

大家好，我是 Pete LePage，让我们一起来看看 Chrome 61 给开发者带来了哪些新东西！

Chrome 61 加入了对 JavaScript Module <scripttype="module"> 的原生支持。Chrome 现在可以并行地获取颗粒化的依赖模块，利用浏览器缓存的优势，在多个页面之间共享模块，并且可以保证脚本按照正确地顺序执行。

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

这个标准统一了 JavaScript 模块书写和分发给浏览器的方式。在可见的未来，同样的模块系统将会出现在 Node 上。Isomorphic JavaScript 的编写和分发就变得更简单！

译注：Node 8.5.0 发布，已经可以使用了，更多可以看Using ES modules natively in Node.js。

为了让用户把他们喜欢的内容分享到网络上，不得把所有的社交按钮在自己的网站上添加一遍。这让页面变得很臃肿，很可能这些分享按钮和网站的视觉不匹配，并且还要添加来自第三方的代码。

现在，Android 版的 Chrome 新增了 Web Share API，该 API 可以直接调用原生的分享功能，用户可以很方便的将自己喜欢的文本和链接分享到其他原生 App 上了！

在之后的版本中，这个 API 还能分享到已安装的 web app 中。直接调用 navigator.share 方法，传递相关的参数，就可以发起分享。其他事情系统会帮你搞定。

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

查看Paul 的新文章 WebShare API 了解更全面的信息，还有一些使用的最佳实践可以学到。

很多电脑的周边硬件在 Web 平台上都有对应的 API，比如键盘、鼠标、打印机和手柄等等。但是，想要在浏览器中使用某些特殊的用于教育、科研、工业等等 USB 设备很困难，通常需要特殊的驱动才行。

现在 Chrome 提供了 WebUSB API，在用户授权后，Web 应用可以直接可 USB 设备通信。了解更多关于安全和隐私的考量，WebUSB 规范拿走不谢。

然后如果已经准备深入了解一番，可以看看 Francois 关于 WebUSB 的文章。

这些还不是 Chrome 61 更新的全部，更多的内容可以订阅 YouTube 上的频道。

关注