Chrome 57 的新功能

  • Chrome 57 增加了对全新 display: grid 的支持 CSS 网格布局规范。
  • 现在,您可以自定义和响应锁定屏幕上的用户输入, 使用全新的 Media Session API 来监控通知。
  • 还有许多其他功能

我是 Pete LePage,让我们一起深入了解 Chrome 57 中面向开发者的新功能!

CSS 网格布局

Flexbox 是一款功能强大的版式工具。它使得许多复杂的布局成为可能, 但它只能在一个维度上进行布局。Chrome 57 增加了对 display: grid - 新的 CSS 网格布局规范, 添加了一个强大的新工具,用于创建基于网格的二维布局 专为响应式界面设计而优化。

网格内的元素可以跨多列或多行。区域 您还可以对 CSS 网格进行命名,使布局代码更易于理解。

Surma 发布了一篇最新动态帖子 当您准备好更深入地了解相关内容时 Rachel Andrews 的网站: GridByExample.com.

Media Session API

网络媒体应用所缺少的功能之一就是 能够与移动设备上的核心媒体体验深度集成。 现在,您可以在 Chrome(Android 版)中自定义锁定屏幕和通知 使用新的 Media Session API 处理媒体内容。

提供元数据 例如,您可以制作丰富的锁定屏幕 包含标题、音乐人、专辑名和 图片。您还可以 响应用户操作 (例如跳转或跳过)。

如果您想快速上手使用 Francois 提供的 更新帖子, 也可以访问 Chrome 媒体会话示例代码库

等等!

还有更多其他功能!

  • 有一些 改进 Payment Request API。
  • 您可以使用 caret-color 属性。
  • 你可以使用新参数来指定线条颜色和样式等视觉效果 text-decoration 属性。
  • Fetch API 响应类别 现在支持 .redirected 属性来帮助避免不可信响应并降低 重定向器
  • 所有带 -webkit- 前缀的 IndexedDB 移除全球别名 弃用了 M38
  • 还有一个我最爱的新视频 padStartpadEnd 可在对齐控制台输出时简化字符串填充的格式设置方法 或打印固定位数的数字。

Chrome 57 中面向开发者的变更只是冰山一角。

向 Igalia 致敬

最后,向 Google 的工程师和团队致以诚挚的问候 Igalia 为 Blink 的出色工作贡献力量。他们 对推出全新 CSS 网格和 caret-color 功能起着重要作用。

随时掌握最新动态

如果您想及时掌握 Chrome 的最新动态和最新动态,请务必 订阅我们的频道,或关注 Twitter 上的 @ChromiumDev。请务必查看 Chrome 开发者峰会视频 ,深入了解 Chrome 团队正在开发的出色功能。

我是 Pete LePage,Chrome 58 发布后,我会在这里 告诉您 Chrome 的新变化!