本文翻譯自New in Chrome 61 ，首發qianduan.group ，有部分增減。

大家好，我是Pete LePage，讓我們一起來看看Chrome 61 給開發者帶來了哪些新東西！

JavaScript Module

Chrome 61 加入了對JavaScript Module <script type="module"> 的原生支持。 Chrome 現在可以並行地獲取顆粒化的依賴模塊，利用瀏覽器緩存的優勢，在多個頁面之間共享模塊，並且可以保證腳本按照正確地順序執行。

<scripttype="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 。

Web Share API

為了讓用戶把他們喜歡的內容分享到網絡上，不得把所有的社交按鈕在自己的網站上添加一遍。這讓頁面變得很臃腫，很可能這些分享按鈕和網站的視覺不匹配，並且還要添加來自第三方的代碼。

現在，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了解更全面的訊息，還有一些使用的最佳實踐可以學到。

WebUSB

很多電腦的周邊硬件在Web 平台上都有對應的API，比如鍵盤、鼠標、打印機和手柄等等。但是，想要在瀏覽器中使用某些特殊的用於教育、科研、工業等等USB 設備很困難，通常需要特殊的驅動才行。

現在Chrome 提供了WebUSB API，在用戶授權後，Web 應用可以直接可USB 設備通信。了解更多關於安全和隱私的考量， WebUSB規範拿走不謝。

然後如果已經準備深入了解一番，可以看看Francois 關於WebUSB的文章。

更多東西！

• 使用CSS scroll-behavior ，可以設置更流暢的滾動效果；
• CSS hex color支持在末尾添加透明參數，例如：#33AA3388 /* 50% opaque green */;
• 可以使用ViewportAPI獲取屏幕內容的相對位置，把像雙指縮放這樣複雜的功能以一種更直接的方式暴露出來。

這些還不是Chrome 61更新的全部，更多的內容可以訂閱YouTube上的頻道。