Chrome 58 的新功能

Pete LePage

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

我是 Pete LePage。我们来深入了解一下 Chrome 58 中面向开发者的新功能！

索引型数据库 2.0

网站数据库的结构对性能有很大的影响， 也很难更改 IndexedDB 2.0 会改变这一点

  • object 商店和 indexes 现已可在 和重构。
  • 二进制键允许使用更自然的键，而无需担心性能 惩罚。
  • 使用 getKey()、openKeyCursor() 和 continuePrimaryKey() 方法。

批量恢复整个数据集不再需要使用 getAll()和getAllKey()。

全屏渐进式 Web 应用

从 Android 主屏幕启动渐进式 Web 应用时， 以隐藏多功能框的独立应用模式启动。这有助于 从而打造富有吸引力的用户体验，并腾出屏幕空间来显示内容。

不过，想要获得身临其境的体验，比如游戏、视频播放器、 或其他富媒体内容，系统栏等移动界面元素 仍然会分散注意力，占据您可能想要的宝贵像素。

现在，您可以通过设置 您的display: fullscreen Web 应用清单。

从主屏幕（左侧）启动、从主屏幕启动的 PWA 在 standalone 模式（中间）下，以及从主屏幕启动的 fullscreen 模式（右）。

当您的应用从主屏幕启动时，所有非应用移动界面 元素将被隐藏。

沙盒化 iframe 改进

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

由用户互动触发时，此关键字会向沙盒化 iframe 提供 能够在顶级网页间导航，同时仍阻止自动重定向。

等等！

当然，还有很多其他功能。

  • 告别 clearfix 黑客入侵。无需手动重置 多个布局属性，如“float”和“clear”，您现在可以添加新的 使用 display: flow-root 设置块格式上下文。
  • PointerEvents.getCoalescedEvents() 允许您访问所有输入事件 自上次提交PointerEvent以来。理想之选 需要使用绘图应用等点的精确历史记录。
  • 现在，可以使用 data: 网址创建 Workers 和 SharedWorkers， 为 Workers 提供不透明的来源，提高开发的安全性。

Chrome 58 面向开发者的改进只是冰山一角。

如果你喜欢这个视频，不妨看看 设计师与开发者， 一个全新的视频系列，尝试解决设计人员 和开发者协同工作。

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

我是 Pete LePage，待 Chrome 59 发布后， 和您分享 Chrome 的新功能！