- 您現在可以使用自訂元素 v1 建立自訂 HTML 標記,並製作可重複使用的網路元件。
- 使用 BroadcastChannel API,在開啟的視窗或相同來源的分頁之間傳送訊息更加輕鬆。
- 在 Android 裝置上享有更優質的媒體體驗,現在我們也提供外部擷取做為來源試用。
我是 Pete LePage,讓我們開始深入探索,看看 Chrome 54 開發人員推出的新功能!
自訂元素 v1
複雜的使用者介面通常需要大量 HTML。大部分的語言都允許開發人員自行建立以語言基元建構的元件,以減輕這種詳細程度。但到目前為止,在網路上建立可重複使用的元件並不容易。
自訂元素可讓您建立自訂 HTML 標記,並在 JavaScript 中定義新元素的 API 和行為。因此,瀏覽器原生的原生方法,可以建構可重複使用且可互通的元件。
Chrome 54 支援最新的自訂元素 V1 規格,並會持續支援 V0 API,直到你能改用 V1 為止。
請參閱自訂元素的入門說明,瞭解如何使用這個元件為網站或應用程式建立可重複使用的網頁元件。
BroadcastChannel API
電腦使用者經常開啟多個視窗或分頁的情況並不罕見,有些網站甚至鼓勵這樣的行為,例如網頁編輯器可自行分頁開啟文件。
在這些分頁之間進行通訊並不容易。BroadcastChannel
API 是新的一對多傳訊 API,可在視窗、分頁、iframe、網路工作站和服務工作站之間進行。這可讓指令碼建立已命名的頻道,在相同來源的瀏覽情境之間傳送訊息。
其他 BroadcastChannel
項資源
requestFullScreen
媒體對於瀏覽體驗來說越來越重要。
除了使用者手勢之外,您現在還可以在螢幕方向變更後,使用 Element.requestFullScreen()
觸發全螢幕模式,進而建立更豐富的媒體體驗,包括旋轉至全螢幕模式。
外來擷取
想像一下,如果 API 供應商、網路字型服務或其他服務常用的來源能夠部署自己的 Service Worker,
供應商不必一律前往網路,可以實作自己的自訂網路邏輯,並利用單一權威快取執行個體儲存回應。
現在,多虧了 Chrome 54 版提供的「外擷取」來源試用,這已實現了。請查看下方留言中的 Jeffrey 貼文連結!
正在關閉
以上只是 Chrome 54 版開發人員的幾項異動,
請查看說明以瞭解詳情,並參考相關說明文件和規格的連結。
另外,我們也將於 11 月 10 日和 11 日透過 YouTube 直播,也設有 Chrome 開發人員高峰會。
如果您想即時掌握 Chrome 的最新動態,並瞭解即將推出的新功能,請按一下畫面上的「訂閱」按鈕。
我是 Pete LePage。Chrome 55 推出後,我很樂意告訴大家:Chrome 的新功能!