發布日期：2026 年 7 月 28 日
Chrome 151 現已推出，這篇文章將分享這個版本的部分主要功能。請參閱完整的 Chrome 151 版本資訊。
這個版本的重要功能包括：
- 功能元素
<usermedia>提供攝影機和麥克風串流的宣告式使用者啟用控制項。 - 陳述式 shadow DOM slot 指派可讓網頁元件使用手動 slot 指派，不必使用命令式 JavaScript。
- 軟性導覽和互動效能指標會追蹤單頁應用程式中，由互動造成的延遲和路徑變化。
功能元素：<usermedia> MVP
<usermedia> 元素是功能元素套件中最新推出的元素，前一個是 <geolocation>。這項從原始<permission>提案 (PEPC 計畫的一部分) 的轉移，可讓瀏覽器更有效地處理不同硬體功能的獨特複雜度和行為。雖然早期提案主要著重於管理權限狀態 (例如允許與拒絕)，但 Capability Elements 的功能是做為資料中介。
<geolocation> 元素會為網站提供位置物件，而 <usermedia> 則會管理相機和麥克風存取權的整個流程。這項服務會擷取使用者意圖、管理瀏覽器提示，並將 MediaStream 物件傳送至應用程式。這項異動可省去個別 getUserMedia() 呼叫的需要，簡化實作程序，並確保瀏覽器擁有使用者意圖的信任信號。
詳情請參閱「推出 <usermedia> HTML 元素」。
宣告式 Shadow DOM：shadowrootslotassignment 屬性
Chrome 151 新增對 <template> 元素 shadowrootslotassignment 屬性的支援。這項功能可讓您在 HTML 中直接建立使用手動 slot 指派的宣告式陰影根。
到目前為止，手動指派時段只能以命令式方式進行。更新後，您可以在陰影根範本中指定 shadowrootslotassignment="manual"
這個屬性可接受 named (預設行為) 和 manual，並反映在 HTMLTemplateElement 的 shadowRootSlotAssignment 屬性上。詳情請參閱 MDN 上的 HTMLTemplateElement.shadowRootSlotAssignment 說明文件。
這項屬性已在 Firefox 和 Safari 27 Beta 版中推出，因此很快就會成為 Baseline Newly available。
軟性導覽和互動效能指標
Chrome 151 推出兩種新的 PerformanceEntry 類型：soft-navigation 和 interaction-contentful-paint，擴充網頁效能時間軸。開發人員可根據這些項目，追蹤單頁應用程式 (SPA) 中由互動驅動的效能和延遲，並以既有的 Core Web Vitals 指標 (例如最大內容繪製 (LCP) 和 Interaction to Next Paint (INP)) 為基礎。
在 SPA 中，JavaScript 驅動的路徑轉換不會觸發傳統瀏覽器載入網頁。soft-navigation 項目會擷取使用者互動所啟動的這些同文件記錄狀態變更。發生軟性導覽時，瀏覽器會建立新的時間原點，讓您能將後續的成效資料準確歸因於有效的 SPA 路線，而非初始文件網址。
interaction-contentful-paint 項目會測量使用者互動修改的 DOM 區域內，新的有內容的繪製作業。即使內容更新取決於 fetch() 要求等非同步作業，這項功能也能提供互動載入延遲時間的可見度。
您可以使用 PerformanceObserver 在應用程式中觀察這些新項目。以下程式碼片段會將軟性導覽項目記錄到控制台，包括使用緩衝選項在這個頁面上進行的先前軟性導覽：
const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });
如要進一步瞭解如何導入及評估 SPA 導覽，請參閱 Chrome 開發人員版上的軟性導覽說明文件。
延伸閱讀
這僅涵蓋部分重點。如要瞭解 Chrome 151 的其他變更，請參閱下列連結：
訂閱
如要掌握最新資訊，請訂閱 Chrome 開發人員 YouTube 頻道，這樣每當我們發布新影片時，您就會收到電子郵件通知。你也可以在 X 或 LinkedIn 上追蹤我們，取得最新文章和網誌貼文。
Chrome 152 發布後，我們會立即在此說明 Chrome 的新功能！