Chrome 57 新功能

  • Chrome 57 新增對 display: grid 的支援,新的 CSS 格線版面配置規格。
  • 你現在可以在螢幕鎖定畫面上自訂和回應使用者輸入的內容,以及 傳送通知,並運用新的 Media Session API
  • 您還還有更多福利

我是 Pete LePage,以下介紹 Chrome 57 為開發人員提供的新功能!

CSS 格線版面配置

Flexbox 是功能強大的版面配置工具。這種格式可以提供許多複雜的版面配置 但只適用於單一尺寸的版面配置Chrome 57 新增對 display: grid: 新的 CSS 格線版面配置規格 新增強大的新工具,用於建立 2D 格線式版面配置 並針對回應式使用者介面設計進行最佳化

格線中的元素可以涵蓋多個資料欄或資料列。境內的區域 您也可以為 CSS 格線命名,讓版面配置程式碼更容易理解。

小蘇發布了一則更新貼文 準備好瞭解更多資訊 之後,別忘了前往 Rachel Andrew 的網站: GridByExample.com.

Media Session API

網路媒體應用程式缺少的功能之一,就是 與行動裝置上的核心媒體體驗深入整合。 在 Android 版 Chrome 中,現在可以自訂鎖定畫面和通知 透過全新的 Media Session API 嵌入媒體內容。

提供中繼資料 要求瀏覽器顯示正在播放的內容 您可以建立豐富的螢幕鎖定畫面 訊息中包含標題、演出者、專輯名稱以及 圖片。你也可以聆聽 因應使用者動作 像是跳轉或略過等通知

如果想快速上手,Francois 推出了 更新文章, 或造訪 Chrome 媒體工作階段範例存放區

還有更多獎品等著您!

還有更多其他功能!

  • 這些有一些 改善項目 加入 Payment Request API
  • 您可以使用 caret-color敬上 資源。
  • 您可以使用新的 text-decoration敬上 資源。
  • Fetch API 回應類別 現在支援 .redirected 屬性,避免不可靠的回覆,並降低檔案公開風險 重新導向機制
  • 所有 -webkit- 前置字串都是 IndexedDB 全域別名已移除 預計於 M38 淘汰
  • 還有我最愛的產品 — 全新 padStart敬上 和 padEnd 可在對齊主控台輸出內容時簡化字串邊框間距的格式方法 或以固定位數列印數字

這些只是 Chrome 57 為開發人員設計的部分變更,以上僅列舉其中幾項。

和伊加利亞一起大聲歡呼

最後,要感謝內部的工程師和團隊 Igalia:精彩的 Blink 作品。他們 順利抵達全新的 CSS 方格和 caret-color 功能。

掌握最新資訊

如果你想隨時掌握 Chrome 的最新相關資訊並掌握未來趨勢,請務必 訂閱我們的頻道,或是追蹤 Twitter 上的 @ChromiumDev。請務必參閱 Chrome 開發人員高峰會影片 ,深入瞭解 Chrome 團隊開發的優質功能。

我是 Pete LePage,Chrome 58 推出後,我馬上就能工作 Chrome 新功能