专栏名称: 谷歌开发者

Google中国官方账号。汇集Android, Chrome, Angular等移动和网络开发技术、Google Play和AdMob等开发者成长、优化和变现平台。

Chrome 57 Beta 新特性

谷歌开发者 · 公众号 · 科技媒体 · 2017-02-21 20:33

正文

文 | Google 软件工程师 Xi Han

除非另外注明，否则，下面介绍的更改均适用于最新 Chrome Beta 渠道版（Android、Chrome 操作系统、Linux、Mac 和 Windows）。

CSS 网格布局

人们使用从大型 LCD 电视到小型表盘等各种尺寸屏幕访问网站的情况越来越多。在过去，支持所有这些屏幕尺寸需要复杂的标记和 CSS 组合，让代码变得难以维护。为使开发者能够更精细地控制元素的缩放以适合当前屏幕尺寸， CSS 网格布局现已推出。

CSS 网格支持二维基于网格的布局系统，该系统专门针对自适应用户界面设计进行了优化。可指定网格内的元素跨多行或多列。还可以给定位在 CSS 网格中的元素命名，这使布局代码更容易理解。

▲ CSS 网格允许开发者将元素置于网格上的任意位置，并可全面控制元素流、尺寸调整行为和自适应性。

改进了 Add to Home Screen

从早期版本的 Chrome（Android 版）起，用户就可以将网站添加到主屏幕，实现快速而又方便的访问。该功能利用 Android 快捷方式添加图标，这意味着网络应用在整个 Android 系统内的呈现方式不同于安装的本机应用。

从此版本开始，当用户将一个 Progressive Web App 添加到其主屏幕时，Chrome 将其集成到 Android 中时会大幅提高集成深度。例如，Progressive Web App 现在会出现在启动器的应用抽屉式导航栏部分以及 Android 设置中，并且可以接收来自其他应用传入的 intent。长按其通知还会显示标准 Android 通知管理控件而非适用于 Chrome 的通知管理控件。

Media Session API

媒体消费是移动网络最常见的用途之一。在 Chrome（Android 版）中，开发者可以利用新的 Media Session API，使用媒体内容自定义锁定屏幕 UI 和通知。通过向浏览器提供有关所播放内容的元数据，开发者可以创建丰富的锁定屏幕消息，在其中加入名称、音乐人、专辑名称和封面等信息。此外，网站现在还可以响应用户对通知本身执行的操作（例如搜寻或跳过）。

此版本中的其他特性