- 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 新功能