- 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。
媒体会话 API
网络媒体应用缺少的功能之一是无法与移动设备上的核心媒体体验深度集成。在 Chrome（Android 版）中，您现在可以使用新的 Media Session API 自定义包含媒体内容的锁定屏幕和通知。
通过向浏览器提供正在播放的内容的相关元数据，您可以创建丰富的锁屏消息，其中包含标题、音乐人、专辑名称和艺术作品等信息。您还可以监听和响应对通知本身执行的用户操作，例如搜寻或跳过。
如果您想快速上手使用，Francois 提供了一篇精彩的更新帖子，或者查看 GitHub 上的官方 Chrome 媒体会话示例代码库。
还有更多其他奖励！
还有更多精彩内容！
- Payment Request API 进行了一些改进。
- 您可以使用
caret-color属性指定文本输入光标的颜色。 - 您可以使用新的
text-decoration属性指定线条颜色和样式等视觉效果。 - Fetch API
响应类现在支持
.redirected属性，以帮助避免不可信的响应并降低打开重定向器的风险。 - 在 M38 中废弃了所有带
-webkit-前缀的 IndexedDB 全局别名后，这些全局别名已被移除。 - 我非常喜欢的新
padStart和padEnd格式设置方法之一，可以在对齐控制台输出或输出具有固定位数的数字时简化字符串填充。
以上只是 Chrome 57 中面向开发者的多项变更。
向 Igalia 致敬
最后，我要衷心感谢 Igalia 的工程师和团队在 Blink 方面的出色表现。它们对于推出新的 CSS 网格和 caret-color 功能起着重要作用。
随时掌握最新动态
如果您想随时了解 Chrome 的最新动态并了解即将推出哪些新功能，请务必订阅我们的频道，或在 Twitter 上关注 @ChromiumDev。请务必观看 Chrome 开发者峰会上的视频，深入了解 Chrome 团队正在开发的一些精彩项目。
我叫 Pete LePage