Chrome 62 Beta新特性都在這裡了

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 字體變化為網絡帶來了全新的排字能力。之前,一個字體文件僅包含一個字體系列實例,只有一種粗細(正常、加粗、黑色…)或一種拉伸(正常、緊縮、加寬…)。

Chrome 62 Beta新特性都在這裡了

圖:動畫形式的 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 上的原生按鈕外觀進行更新後, 按鈕和

  • 為了符合我們將強大功能僅限制於 HTTPS 上的政策,在 HTTP 連接上和跨域 iframes 內請求通知顯示權限的功能已被移除。

  • 為了提高準確率和確保用戶以他們希望的語言接收內容,在從語言設置生成 accept-language 標頭時,基礎語言現在將添加到“語言+區域”後面。

  • 為了提升用戶體驗和瀏覽器一致性,過渡鼠標事件現在將棄用,懸停狀態將在預期佈局修改後更快速地更新。

  • OfflineAudioContext 現在接受一個字典參數,以及採用三個獨立參數的現有構造函數。

  • 為了與其他瀏覽器保持一致,RTCPeerConnection 上的 getStreamById 函數現在已移除。

  • SharedWorker.workerStart 已被移除,它在其他主要瀏覽器上已被棄用和移除。

  • 為了更好地符合規範,

      .start 的默認值已設置為 1。

查看更多文章,請關注

『谷歌開發者』官方微信公眾號


分享到:


相關文章: