- 现在,您可以使用 Custom Elements v1 创建自己的自定义 HTML 代码,并制作可重复使用的 Web 组件。
- 借助 BroadcastChannel API,您可以更轻松地在同一源的打开窗口或标签页之间发送消息。
- 在 Android 上提升了媒体体验,并且外部提取现已作为源试用版提供。
我是 Pete LePage,让我们深入了解 Chrome 54 中面向开发者的新功能!
自定义元素 v1
复杂的界面通常需要大量的 HTML。大多数语言都允许开发者基于语言基元创建自己的组件,以减少此类冗长性。但到目前为止,在 Web 上创建可重复使用的组件一直很难。
借助自定义元素,您可以创建自己的自定义 HTML 标记,并在 JavaScript 中定义新元素的 API 和行为。最终,您可以使用原生浏览器方式构建可重复使用且可互操作的组件。
Chrome 54 支持最新的自定义元素 V1 规范,并将继续支持 V0 API,直到有足够多的开发者改用 V1。
请参阅我们的自定义元素入门,了解如何使用自定义元素为您的网站或应用创建可重复使用的 Web 组件。
BroadcastChannel API
桌面用户同时打开多个窗口或标签页的情况并不少见,有些网站甚至鼓励这种行为,例如在自己的标签页中打开文档的 Web 编辑器。
在这些标签页之间进行通信可能很困难。BroadcastChannel
API 是一种新的一对多消息传递 API,可在窗口、标签页、iframe、Web Worker 和 Service Worker 之间传递消息。它允许脚本建立命名通道,以便在同一来源的浏览上下文之间发送消息。
其他 BroadcastChannel
资源
requestFullScreen
媒体在浏览体验中变得越来越重要。
除了用户手势之外,您现在还可以使用 Element.requestFullScreen()
在屏幕方向发生变化后触发全屏模式,从而打造包括旋转到全屏在内的更丰富的媒体体验。
外部提取
假设 API 提供程序、Web 字体服务或其他服务等常用来源能够部署自己的服务工件。
提供程序可以实现自己的自定义网络逻辑,而不是始终访问网络,并利用单个权威缓存实例来存储其响应。
现在,借助 Chrome 54 中作为源代码试用版提供的外部提取功能,这已成为现实。请参阅下方评论中链接的 Jeffrey 的帖子!
结束语
以上仅列出了 Chrome 54 开发者版中的部分变化。
请参阅说明,了解详情并找到文档和规范的链接。
哦,别忘了观看 Chrome 开发者峰会,我们将于 11 月 10 日和 11 日在 YouTube 上直播该峰会。
如果您想及时了解 Chrome 的最新动态并了解即将推出的功能,请点击上方的订阅按钮。
我是 Pete LePage,Chrome 55 发布后,我会立即为您介绍 Chrome 中的新变化!