Chrome 62 Beta的新特性都在這裡了

谷歌開發者_發表於2017-10-10

640?wx_fmt=png&wxfrom=5&wx_lazy=1


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


0?wx_fmt=png


憑藉可變字型,網路上的自適應設計現在可以擴充到版式。OpenType 變化不僅可以提供一個連續的樣式變化組合,也能節省空間和頻寬,因為它們全部從一個壓縮的字型檔案載入。拉伸、樣式和粗細可以使用相應的已更新 CSS 屬性進行調整,更新的屬性現在允許數字值。可以使用 font-variation-settings CSS 屬性對粗細或寬度等變化軸引數進行精細調整。



從 DOM 元素捕獲媒體

W3C Media Capture from DOM Elements API 現在允許網站以 MediaStream 形式直接從 HTMLMediaElements(即 <video> 和 <audio>)實時捕獲內容。通過在 HTMLMediaElements 上呼叫 captureStream() 函式,流式傳輸內容可以錄製並使用 WebRTC 遠端傳送、使用 WebAudio 處理,或者以各種其他方式進行操作。



此版本中的其他特性

  • 現在,Chrome(iOS 版)也支援 Payment Request API 了。

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

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

  • <data> 和 <time> HTML 元素現在支援 DOM 介面,為開發者提供了一種機器可讀的原生方式來儲存客戶端內容。

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

  • lookbehind 斷言現在也已可用,加上之前的 lookahead,開發者可以使用正規表示式確保模式前新增或不新增內容,例如匹配美元金額,而不捕獲美元符號。

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

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

  • 開發者現在可以使用 s 標誌在 ECMAScript 正規表示式中啟用 dotAll 模式,從而讓“.”匹配任何字元,包括行終止符。

  • 在 Chrome(Android 版)中上傳影象的使用者體驗和多選擇支援得到提升,多選擇支援可以在任何呼叫 <input type="file"> 並使用 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 上的原生按鈕外觀進行更新後,<input> 按鈕和 <button> 元素的外觀也進行了類似變更,這會影響 background-color、border、border-radius 和 padding CSS 屬性的預設值。

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

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

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

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

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

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

  • 為了更好地符合規範,<ol>.start 的預設值已設定為 1。


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


0?wx_fmt=gif

相關文章