Chrome 59 的新功能

  • 无头 Chrome 可让您在没有界面或外围设备的自动化环境中运行 Chrome。
  • macOS 上的通知将由原生 macOS 通知系统直接显示。
  • 现在,您可以使用 Image capture API 拍摄完整分辨率的照片,还有更多精彩功能等您探索!

想要查看更改的完整列表?查看 Chromium 源代码库变更列表

我是 Pete LePage。我们来深入了解一下,看看 Chrome 59 为开发者提供了哪些新功能!

无头 Chrome

无头浏览器是运行自动化测试和服务器环境的绝佳工具,在这些环境中,您无需查看渲染的输出或具有可见的界面 shell。例如:

  • 使用 Selenium 对 Progressive Web 应用进行单元测试
  • 为维基百科页面创建 PDF 文件
  • 使用开发者工具检查页面

从 Chrome 59 开始,您可以运行无头 Chrome。它将 Chrome 提供的所有现代网络平台功能引入到命令行中。

如需了解详情,请参阅 Eric Bidelman 发布的更新帖子。他举例说明了如何使用它将页面转换为 PDF、转储 DOM 以及如何在 Node 中以编程方式使用该 DOM。

macOS 上的原生通知

过去,Chrome 包含自己的通知系统,供 Web 开发者和扩展程序开发者向用户显示通知。但是,我们从用户和开发者那里了解到,他们希望 Chrome 使用原生操作系统通知系统。

从 macOS 上的 Chrome 59 开始,Chrome 将使用原生通知系统,从而改善用户体验并确保通知在平台中的集成度更高。我最爱的通知功能现在 会遵循我的“勿扰”设置

由 Chrome 生成的通知(左),原生 macOS 生成的通知(右)。

鉴于 macOS 处理通知的方式,我们现在不建议使用一些使用率较低的 API,因为它们会导致 macOS 体验不佳。

如需了解详情,请参阅我们的“动态”博文

Image Capture API

在 Web 应用中拍摄高分辨率照片可能并非易事。用户必须上传已拍摄的照片,或者从浏览器切换到相机,拍摄照片,然后切换回浏览器,再上传照片。

借助 Chrome 59 中的全新 Image Capture API,您可以使用任何可用相机的完整分辨率功能。该 API 可用于控制缩放、亮度、对比度、ISO 和白平衡等功能。

如需了解完整详情和示例代码,请参阅 Sam 的博文,立即开始使用。

还有更多其他奖励!

  • MediaError.message 字符串会提供任何其他错误消息详情(如果有),以帮助 Web 开发者调试媒体播放器错误。

以上只是 Chrome 59 中面向开发者的多项变更。

如果您喜欢这个视频,请观看设计师与开发者这一全新视频系列,尝试解决设计师与开发者合作所面临的挑战。

然后订阅我们的 YouTube 频道;每当我们发布新视频时,您都会收到电子邮件通知。

我叫 Pete LePage