Chrome 58 的新功能

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

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

IndexedDB 2.0

网站数据库的结构对性能的影响很大,并且很难更改。IndexedDB 2.0 便可改变这一点。

  • 现在,在重构后,object 存储区和 indexes 都可以就地重命名。
  • 二进制密钥允许使用更自然的密钥,而无需担心性能下降。
  • 使用 getKey()openKeyCursor()continuePrimaryKey() 方法可以更轻松地检索数据。

批量恢复整个数据集不再需要带有 getAll()getAllKey() 的游标。

全屏渐进式 Web 应用

当渐进式 Web 应用从 Android 主屏幕启动时,它们会以类似于独立应用的模式启动,这种模式会隐藏多功能框。这有助于打造富有吸引力的用户体验,并释放屏幕空间来显示内容。

但是,对于游戏、视频播放器或其他富媒体内容等更加沉浸式的体验,系统栏等移动界面元素仍然可能会分散注意力,并占用您可能想要的有价值的像素。

现在,您可以通过在 Web 应用清单中设置 display: fullscreen,让渐进式 Web 应用给用户带来完全沉浸式体验。

一个 PWA 从主屏幕启动(左)、在 standalone 模式下从主屏幕启动(中间)以及从主屏幕启动(fullscreen 模式)(右)。

当您的应用从主屏幕启动时,系统会隐藏所有非应用移动界面元素。

沙盒化 iframe 改进

Chrome 58 现在支持新增的 iframe 沙盒关键字 allow-top-navigation-by-user-activation

由用户互动触发后,此关键字可让沙盒化 iframe 浏览顶级网页,同时仍阻止自动重定向。

还有更多其他奖励!

当然还有许多其他功能。

  • 从此告别 clearfix 黑客入侵。现在,您可以使用 display: flow-root 添加新的块格式设置上下文,而无需手动重置 float 和 clear 等多个布局属性。
  • 借助 PointerEvents.getCoalescedEvents(),您可以访问自上次传送 PointerEvent 以来的所有输入事件。当您需要精确记录点的历史记录时,例如绘图应用。
  • 现在可以使用 data: 网址创建 WorkersSharedWorkers,从而通过为它们指定不透明的来源,更安全地使用 Workers 进行开发。

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

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

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

我叫 Pete LePage