- Chrome 57 新增了對
display: grid的支援，這是新的 CSS 格線版面配置規格。 - 您現在可以使用新的 Media Session API，自訂及回應鎖定畫面和通知中的使用者輸入內容。
- 還有許多其他功能！
我是 Pete LePage，讓我們一起來看看 Chrome 57 版開發人員的新功能！
CSS 格狀版面配置
Flexbox 是一項強大的版面配置工具，這可實現許多複雜的版面配置，但只能在單一維度中進行版面配置。Chrome 57 新增了對 display: grid 的支援，這是新的 CSS 格線版面配置規格，新增了強大的全新工具，可用於建立以二維格線為基礎的版面配置系統，並針對回應式使用者介面設計進行最佳化。
格線中的元素可以跨越多個欄或列。您也可以為 CSS 格線中的區域命名，讓版面配置程式碼更容易理解。
Surma 有相關的更新文章，如果您想深入瞭解，可以參考 Rachel Andrew 的網站：GridByExample.com。
Media Session API
網頁媒體應用程式缺少的一項功能，就是無法深度整合行動裝置上的核心媒體體驗。在 Android 版 Chrome 中，您現在可以使用新的 Media Session API，自訂鎖定畫面和媒體內容通知。
只要向瀏覽器提供正在播放內容的metadata，即可建立豐富的鎖定畫面訊息，其中包含標題、藝人、專輯名稱和圖片等資訊。您也可以監聽並回應使用者對通知本身所採取的動作，例如快轉或略過。
如果您想快速開始使用，François 有一份很棒的更新文章，或是查看 GitHub 上的官方 Chrome 媒體工作階段範例存放區。
還有其他眾多資源！
還有更多功能！
- Payment Request API 有一些 改善。
- 您可以使用
caret-color屬性指定文字輸入游標的顏色。 - 您可以使用新的
text-decoration屬性指定線條顏色和樣式等視覺效果。 - Fetch API
Response 類別現在支援
.redirected屬性，可避免不信任的回應，並降低開啟重新導向的風險。 - 所有
-webkit-前置字首的 IndexedDB 全域別名已在 M38 淘汰後移除。 - 其中我最喜歡的是新的
padStart和padEnd格式化方法，可在對齊主控台輸出內容或以固定位數列印數字時，簡化字串填充作業。
這只是 Chrome 57 開發人員版的部分變更。
感謝 Igalia
最後，我要特別感謝 Igalia 的工程師和團隊，他們在 Blink 上做出了出色的貢獻。這些功能對於推出新的 CSS 格線和 caret-color 功能至關重要。
掌握最新資訊
如要掌握 Chrome 最新消息，並瞭解即將推出的功能，請務必訂閱我們的頻道，或在 Twitter 上追蹤 @ChromiumDev。別忘了查看 Chrome 開發人員大會的影片，深入瞭解 Chrome 團隊正在努力開發的部分精彩功能。
我是 Pete LePage，Chrome 58 一推出，我就會在這裡告訴你 Chrome 有哪些新功能！