- Chrome 62 提供實際成效指標而非理論結果，讓網路資訊 API 更實用。
- 目前已提供 OpenType 變數字型支援。
- 您可以從 HTML 媒體元素擷取媒體串流。
- 我收到有關 Chrome 62 的重大異動的特別提醒。
還有許多功能！
我是 Pete LePage。讓我們深入探索 Chrome 62 為開發人員提供的新功能！
需要完整的變更清單嗎？詳情請參閱 Chromium 原始碼存放區變更清單。
網路品質指標
Chrome 有一段時間提供 Network Information API，不過只能在使用者的連線中提供理論網路速度。假設你有 Wi-Fi 網路 但連上只有 2G 速度的行動無線基地台？API 就會回報 Wi-Fi！
console.log(navigator.connection.type);
> wifi
在 Chrome 62 版中，這個 API 已進一步擴充，可提供來自用戶端的實際網路效能指標。您可以根據這些網路品質信號 為網路提供量身打造的內容舉例來說，在連線速度非常慢時，您可以提供縮減版本，藉此改善網頁載入效能。
為了簡化應用程式邏輯，API 會傳回測量的網路效能，評估與行動網路連線的效能差異。舉例來說，如果連線至超快速的光纖連線，API 就會回報 4G。
console.log(navigator.connection.effectiveType);
> 4G
這些信號也可做為 HTTP 要求標頭使用，並透過用戶端提示啟用。詳情請參閱範例，並查看spec來瞭解詳情。
OpenType 變數字型
傳統上，一個字型只包含一個字型系列的執行個體，例如一種粗細或一條延伸。如要採用一般、粗體和斜體字型，就需要加入三種不同的字型，藉此增加網頁的粗細。
OpenType 變數字型等同多個可封裝在單一字型檔案中的個別字型。只要調整 font-variation-settings CSS 屬性、延展、樣式、權重等，即可輕鬆調整，提供無限量的樣式變化。這三個字型現在可以合併為單一的小型檔案。
.heading {
font-family: "Avenir Next Variable";
font-size: 48px;
font-variation-settings: 'wght' 700, 'wdth' 75;
}
.content {
font-family: "Avenir Next Variable";
font-size: 24px;
font-variation-settings: 'wght' 400;
}
OpenType 可變字型提供功能強大的新工具，可用於建立回應式字體排版，並降低網頁權重。詳情請參閱 John Hudson 的 OpenType Variable Fonts。
從 DOM 元素擷取媒體
您現在可以使用來自 DOM Elements API 的媒體擷取，直接從 HTMLMediaElements 即時擷取內容至 MediaStream 中 (例如音訊和影片)。
在 HTML 媒體元素上叫用 captureStream() 後，即可操控、處理、遠端傳送或錄製串流內容。想像一下
使用網路音訊建立自己的等化器或 Vocoder或者，您也可以使用 WebRTC 將內容串流至遠端網站。一切都有無限的可能。
部分 HTTP 網頁設有不安全的標籤
如先前的公告所述，自 Chrome 62 版起，當使用者在 HTTP 頁面中輸入資料時，Chrome 會在網址列中將頁面標示為「不安全」。這個標籤也會在所有 HTTP 網頁的無痕模式中顯示。
還有更多獎品等著您！
以上只是 Chrome 62 中專為開發人員設計的其中幾項變更，當然還有許多其他異動。
- iOS 版 Google Chrome 現已支援 Payment Request API。
- 您可以透過 WebVR 來源試用開始打造實驗性豐富的 VR 體驗。
接著訂閱我們的 YouTube 頻道。每當我們推出新影片時，您會收到電子郵件通知。
我是 Pete LePage，當 Chrome 63 推出後，我會馬上通知您，也就是 Chrome 的新功能！