- 现在,Chrome 全面支持 IndexedDB 2.0 标准,该标准具有新的架构管理功能、批量操作方法和更标准化的失败处理方式。
- 借助
display: fullscreen
,渐进式 Web 应用可提供沉浸感更强的体验。 allow-top-navigation-by-user-activation
提供了沙盒化iframes
的新功能- 还有更多精彩内容!
想要查看更改的完整列表?查看 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 应用给用户带来完全沉浸式体验。
当您的应用从主屏幕启动时,系统会隐藏所有非应用移动界面元素。
沙盒化 iframe 改进
Chrome 58 现在支持新增的 iframe 沙盒关键字 allow-top-navigation-by-user-activation
。
由用户互动触发后,此关键字可让沙盒化 iframe 浏览顶级网页,同时仍阻止自动重定向。
还有更多其他奖励!
当然还有许多其他功能。
- 从此告别
clearfix
黑客入侵。现在,您可以使用display: flow-root
添加新的块格式设置上下文,而无需手动重置 float 和 clear 等多个布局属性。 - 借助
PointerEvents.getCoalescedEvents()
,您可以访问自上次传送PointerEvent
以来的所有输入事件。当您需要精确记录点的历史记录时,例如绘图应用。 - 现在可以使用
data:
网址创建Workers
和SharedWorkers
,从而通过为它们指定不透明的来源,更安全地使用Workers
进行开发。
以上只是 Chrome 58 中面向开发者的多项变更。
如果您喜欢这个视频,请观看设计师与开发者这一全新视频系列,尝试解决设计师与开发者合作所面临的挑战。
然后订阅我们的 YouTube 频道;每当我们发布新视频时,您都会收到电子邮件通知。
我叫 Pete LePage