華文網

Chrome 62 Beta新特性都在這裡了

文 / Google 網路觀察小組 Ben Greenstein 和 Tarun Bansal

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

Network Quality Estimator API

Network Infomation API 已在上一個版本的 Chrome 中推出，不過僅提供了給定用戶連接類型下的理論網路速度。在這個版本中，API 已進行拓展，可以為開發者提供獲取自客戶的網路性能指標。開發者可以使用此 API 檢查當前的預計往返時間和輸送量，並在性能發生變化時收到通知。為了簡化應用邏輯，即使實際連接為 WLAN 或乙太網，此 API 也會以最接近的移動網路連接類型（例如 2G）匯總測得的網路性能。

使用這些網路品質信號，開發者可以根據網路限制量身定制內容。例如，在非常緩慢的連接上，開發者可以提供簡化版本的頁面來縮短頁面載入時間。這些信號也將很快以 HTTP 請求標頭形式提供並通過 Client Hints 啟用。

OpenType 可變字體

OpenType 字體變化為網路帶來了全新的排字能力。之前，一個字體檔僅包含一個字型家族實例，只有一種粗細（正常、加粗、黑色…）或一種拉伸（正常、緊縮、加寬…）。

圖：動畫形式的 Amstelvar 和 Decovar 可變字體示例

憑藉可變字體，網路上的自我調整設計現在可以拓展到版式。OpenType 變化不僅可以提供一個連續的樣式變化組合，也能節省空間和頻寬，因為它們全部從一個壓縮的字體檔載入。拉伸、樣式和粗細可以使用相應的已更新 CSS 屬性進行調整，

更新的屬性現在允許數位值。可以使用 font-variation-settings CSS 屬性對粗細或寬度等變化軸參數進行精細調整。

從 DOM 元素捕獲媒體

W3C Media Capture from DOM Elements API 現在允許網站以 MediaStream 形式直接從 HTMLMediaElements（即

此版本中的其他特性

現在，Chrome（iOS 版）也支持 Payment Request API 了。

PaymentRequest現在通過PaymentDetailsModifier.data 支援按付款方式顯示不同價格和訂單項。

非文檔和 元素現在可以通過 document.rootScroller 獲取視口滾動效果，例如隱藏網址欄或生成滾動閃爍。

和

CSS 顏色解析器現在支持 #RRGGBBAA 與 #RGBA 格式的 8 位和 4 位十六進位顏色。

lookbehind 斷言現在也已可用，加上之前的 lookahead，開發者可以使用規則運算式確保模式前添加或不添加內容，例如匹配美元金額，而不捕獲美元符號。

一項新的 WebVR 初始試用正在接受註冊，它讓開發者可以在網路上嘗試構建豐富的虛擬實境體驗。

作為對之前公佈的跟進，當使用者在 HTTP 頁面上輸入資料以及在隱身模式下訪問所有 HTTP 頁面時，系統現在將顯示“不安全”警告。

開發者現在可以使用 s 標誌在 ECMAScript 規則運算式中啟用 dotAll 模式，從而讓“.”匹配任何字元，包括行結束字元。

在 Chrome（Android 版）中上傳圖像的使用者體驗和多選擇支援得到提升，多選擇支援可以在任何調用 並使用 accept 屬性指定僅接受圖像的任何網站上觸發。

現在，使用 MediaSource API 的應用可以通過全新的 Media Source Extensions API、setLiveSeekableRange 和 clearLiveSeekableRange 更高效地自訂其 HTMLMediaElement.seekable 範圍邏輯。

現在，新的 visibility:collapse CSS 聲明可以在隱藏表行時保留這些行對列寬的影響，而不是像 visibility:hidden 一樣處理，後者僅是單純地跳過行繪製。

在給定語言區域和數位的情況下，網站現在可以使用 Intl.PluralRules 在複數形式的數位和相關的周圍文本上獲取語言依賴型資料。

Media Source Extensions (MSE) 現在可以在 ISO-BMFF 中支持 FLAC，這是一種無損的音訊編碼格式。

受保護的媒體現在可以通過 EME 在 Chrome（Android 版）上離線播放。

Chrome（Android 版）現在支持 Widevine L1，允許網站以安全方式播放已加密的媒體。

範本文字中轉義序列的限制有所鬆動，為範本標記解鎖了全新的用例，例如 LaTeX 處理。

在 Android O 中，具有通知許可權的網站在 Chrome 下的 Android 設置中現在以通知管道形式顯示，讓使用者可以通過一種更簡單的方式管理許可權。

棄用項和互通性的改善

在 macOS 上的原生按鈕外觀進行更新後， 按鈕和