Chrome 61 Beta有哪些新特性？

除非另外註明，否則，下面介紹的更改均適用於最新 Chrome Beta 渠道版（Android、Chrome 作業系統、Linux、Mac 和 Windows）。

JavaScript 模組

這些模組允許開發者宣告指令碼的依賴項，在第三方構建工具中深受歡迎，這些工具在使用它時僅捆綁必需的指令碼。 此版本通過新的 <script type=module> 元素加入對 JavaScript 模組的原生支援。

原生支援指的是瀏覽器可以並行獲取精細的依賴項，從而可以利用快取、避免跨頁面重複，並確保指令碼按正確順序執行，所有這一切都不需要執行構建步驟。

要開始體驗，請先詳細瞭解 JavaScript 模組以及受這些模組影響的 JavaScript 語言的各個方面。

桌面版 Payment Request API

自去年宣佈支援 Android 後，Payment Request API 現已支援 Windows、Mac、Linux 和 ChromeOS。目前，開發者可以提供安全、無縫的跨平臺結賬體驗。要開始體驗，請先“檢視”我們的整合指南。

▲ 一筆交易的 PaymentRequest 流程

Web Share API

為允許使用者輕鬆地在社交網路上分享內容，開發者必須針對每個社交服務手動將分享按鈕整合到他們的網站。這不僅會導致頁面臃腫和包括第三方程式碼引發的安全風險，還常常會導致使用者無法通過其實際使用的服務分享內容。

網站現在可以在 Chrome（Android 版）上使用新的 navigator.share API 來觸發原生 Android 分享對話方塊，從而允許使用者輕鬆地與其安裝的任何本機應用分享文字或連結。在未來的版本中，此 API 還將能夠分享給已安裝的網路應用。

▲ navigator.share API 允許使用者通過原生 Android 分享對話方塊與各種本機應用分享內容。

WebUSB

高階網路平臺 API 支援大多數硬體外設，如鍵盤、滑鼠、印表機和遊戲手柄。為了使用教育、科學或工業等專用 USB 外設，使用者必須使用系統級許可權查詢和安裝可能不安全的驅動程式和軟體。

Chrome 現在支援 WebUSB API，在使用者同意的情況下允許網路應用與外設通訊。這可實現上述裝置提供的所有功能，同時仍可保證網路的安全。

此版本中的其他特性

• Network Information API 現在提供桌面版和 Android 版，支援網站訪問裝置的底層連線資訊。

• 現在，開發者可以通過現有 Scroll API 中的一個新可選引數或通過 scroll-behavior CSS 屬性指定滾動流暢度。

• CSSOM View Smooth Scroll API 通過 scroll-behavior: smooth CSS 屬性或通過使用 window.scrollTo() DOM 滾動函式為平臺帶來原生的流暢滾動，從而不再需要通過 JavaScript 實現此行為

• CSS 顏色值現在可以是 8 位和 4 位十六進位制顏色，格式為 #RRGGBBAA 和 #RGBA。

• 現在，網站可以通過 Visual Viewport API 訪問螢幕內容的相對位置，從而更直接地顯示覆雜的功能，如利用雙指張合手勢進行放大。

• 現已提供 Device RAM API，可向網站顯示使用者裝置上的 RAM 容量，以優化網路應用的總體效能。

• 現在，從已安裝網路應用導航到初始網路應用範圍之外的網站時，新網站將在一個自定義 Chrome 標籤中自動載入。

• 現在，對於使用原生控制元件的視訊，當使用者順著螢幕上播放的視訊的方向旋轉他們的裝置時，Chrome 會自動將視訊擴充套件為全屏播放。

• nextHopProtocol 現已在 Resource Timing 和 Navigation Timing 中提供，從而讓使用者可以訪問用於獲取資源的網路協議。 

• 網站現在可以要求嵌入第三方內容，以通過 <iframe> 元素上的新 csp 屬性強制執行給定的內容安全政策。

• DOMTokenList 介面現在支援 replace()，可輕鬆地將所有完全相同的令牌更改為新令牌，如 active 在到期後更改為inactive。

• 為訪問元素的屬性名稱列表，現在支援 getAttributeNames()，併為開發者提供一種比 attributes 集合更直接的機制。

• 現在，為提高安全性，在開啟 JavaScript 對話方塊時，網站將自動退出全屏模式。

• 網站現在可以通過 Storage API 的新 navigator.storage.estimate() 函式來獲取給定來源使用的磁碟空間的預估值和配額（以位元組表示）。

• 為提升瀏覽器的快取命中率，URLSearchParams 現在支援 sort() 以列出所有儲存的名稱—值對。

• 現已更新 URLSearchParams 建構函式，可接受任何物件作為引數，而不是僅接受其他 URLSearchParams 例項。

• 為防止使用錯誤發放的證照未被發現，網站可以使用新的 Expect-CT HTTP 標頭，其將啟用自動舉報和/或強制執行證照透明度要求。

• Chrome 將不再使用後臺標籤中的媒體源解碼視訊幀。

• 現在可通過 ImageCapture.getPhotoSettings() 檢索“Non-Live”相機設定（如照片解析度、減少紅眼和閃光模式）。

棄用和互操作性的改善

• 為提高安全性，網址中同時包含 \n 和 < 字元的資源現在將被遮蔽。

• 為提高安全性，已針對不安全的上下文棄用和移除對 Presentation API 的 start 函式的支援。

• 為提高各個 on<event> 屬性的一致性，onwheel 屬性已從 Element 移動到 Window、Document、HTMLElement 和 SVGElement。

• 為更好地遵循規範和對引用的內容流進行更精細的控制，Chrome 現在支援三個新的引用站點政策值，即 same-origin、strict-origin 和 strict-origin-when-cross-origin。

• 在對規範進行更改後，colSpan 的最大值已從 8190 減少到 1000。

檢視全文及文中連結，請點選文末“閱讀原文”。