- 您現在可以使用 Custom Elements 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、Web worker 和服務 worker 之間。這項功能可讓指令碼建立命名管道,以便在相同來源的瀏覽內容之間傳送訊息。
其他 BroadcastChannel
資源
requestFullScreen
媒體內容在瀏覽體驗中扮演的角色越來越重要。
除了使用者手勢,您現在也可以在螢幕方向變更後使用 Element.requestFullScreen()
觸發全螢幕模式,藉此打造更豐富的媒體體驗,包括旋轉至全螢幕。
外部擷取
假設常用的來源 (例如 API 供應器、網頁字型服務或其他服務) 能夠部署自己的 Service Worker。
供應者可以實作自己的自訂網路邏輯,並利用單一權威快取例項來儲存回應,而非一律連線至網路。
如今,由於外部擷取功能已在 Chrome 54 中提供原始版本測試,這項功能已成為現實。請參閱下方留言中提供的 Jeffrey 的貼文!
結語
這只是 Chrome 54 開發人員版的部分變更。
請查看說明以瞭解詳情,並連結至說明文件和規格。
另外,別忘了前往 Chrome 開發人員高峰會,我們會在 11 月 10 日和 11 日透過 YouTube 直播。
如要隨時掌握 Chrome 最新消息,請按一下上方的「訂閱」按鈕。
我是 Pete LePage,Chrome 55 版一推出,我就會在這裡告訴你 Chrome 的新功能!