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 字型變化為網路帶來了全新的排字能力。之前,一個字型檔案僅包含一個字型系列例項,只有一種粗細(正常、加粗、黑色…)或一種拉伸(正常、緊縮、加寬…)。
憑藉可變字型,網路上的自適應設計現在可以擴充到版式。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。
檢視全文及文中連結,請點選文末“閱讀原文”。
相關文章
- Chrome 57 Beta 新特性Chrome
- Chrome 60 Beta 有哪些新特性?Chrome
- Chrome 61 Beta有哪些新特性?Chrome
- Chrome 63 Beta新特性介紹Chrome
- AI界的State of the Art都在這裡了AI
- 【Java新特性】Lambda表示式典型案例,你想要的的都在這兒了!!Java
- 你要的介面資料都在這裡了
- 面試的畢生經驗,都在這裡了面試
- Android 8.0 正式釋出,新特性和系統映象都在這了!Android
- 你想知道的HTML位置資訊都在這裡了HTML
- 曾經面試踩過的坑,都在這裡了~面試
- 【Java8新特性】Lambda表示式基礎語法,都在這兒了!!Java
- Fragment 相關知識點都在這裡了Fragment
- 所有這些基礎的 React.js 概念都在這裡了ReactJS
- 【Java8新特性】冰河帶你看盡Java8新特性,你想要的都在這兒了!!(文字有福利)Java
- MySQL 常用分庫分表方案,都在這裡了!MySql
- 開發者必看!你想知道的遷移之道都在這裡了
- 資料庫的基本資訊,都在這幾張表裡了資料庫
- 大部分JavaWeb 亂碼問題都在這裡了JavaWeb
- CSS 佈局十八般武藝都在這裡了CSS
- 5種常用的機器學習模型及其優缺點,都在這裡了機器學習模型
- 七款好用且免費的CRM系統,都在這裡了
- 快來,你想要的koa知識幾乎都在這裡了!
- Android 狀態列操作,你想知道的都在這裡了Android
- HTTP面試題都在這裡HTTP面試題
- 你想了解的Promise,都在這裡!!Promise
- 處理字串的方法都在這裡字串
- 面試 Spring Boot 再也不怕了,答案都在這裡了!面試Spring Boot
- 計算機視覺學習之路------你想要的都在這裡了計算機視覺
- 那些年你踩過的坑,都在這裡了~| 掘金技術徵文
- 薑還是老的辣,軟體測試常用的工具都在這裡了
- 關於工商詳細資訊 API,你想了解的都在這裡了API
- 我見過最有趣的程式碼註釋,都在這裡了(1)
- PS教程:摳取火焰最高效的8種方法都在這裡了
- Flutter Beta 3 新特性概覽Flutter
- JSP面試題都在這裡JS面試題
- 你想了解的「SpringCloud」都在這裡SpringGCCloud
- 你要的AI Agent工具都在這裡AI