本頁面由 Cloud Translation API 翻譯而成。

Chrome 97 版的新功能

Pete LePage

以下是一些注意事項：

WebTransport 是用於在用戶端和伺服器之間傳送即時訊息的新選項。
您可以使用功能偵測功能，查看瀏覽器支援哪些類型的指令碼。
從結尾搜尋陣列會變得更容易。
除此之外，還有更多功能。

新年快樂！我是 Pete LePage，讓我們深入瞭解 Chrome 97 為開發人員提供的新功能。

WebTransport

如果您使用 Web Sockets 或 WebRTC Data Channel API 在伺服器和網頁之間傳送訊息，我們有新的做法可供您選擇。WebTransport 是新推出的 API，可提供低延遲、雙向的用戶端-伺服器訊息傳遞服務。

與 WebSocket 相比，此 API 的延遲時間較短，且與專為點對點訊息設計的 RTC Data Channel API 不同，Web Transport API 是專為用戶端伺服器訊息設計的設計。

它支援透過其串流 API 傳送資料，以及透過其資料包 API 傳送非可靠的資料。必須支援網路工作站。此外，由於可提供符合串流規定的介面，因此支援背壓最佳化。

您需要有支援 HTTP/3 的伺服器才能使用，通常比設定及維護 WebRTC 伺服器簡單。開啟新的 WebTransport 執行個體，等待該執行個體連線後，您就可以開始傳送資料。

const url = 'https://example.com:4999/foo/bar';
const transport = new WebTransport(url);
await transport.ready;

const writer = transport.datagrams.writable.getWriter();
const data1 = new Uint8Array([65, 66, 67]);
writer.write(data1);

如需完整詳細資料，請參閱 web.dev 上的「嘗試使用 WebTransport」一文。

指令碼類型功能偵測

如今，我們可以使用 nomodule 屬性偵測對瀏覽器 JavaScript 模組的支援。不過，我們也正在開發多項新功能提案，例如匯入地圖、推測規則和套件預先載入。我們需要瞭解瀏覽器支援的功能。

輸入 HTMLScriptElement.supports()。您可以使用這個屬性來判斷可使用的指令碼類型，並傳送最佳選項給瀏覽器。

if (HTMLScriptElement.supports('importmap')) {
  // Use <script type="importmap" ...>
} else if (HTMLScriptElement.supports('module')) {
  // Use <script type="module" ...>
} else {
  // Use classic method...
}

新的陣列原型

如果 JavaScript 比較容易，我愛上它。Array 和 TypedArray 現在支援 findLast() 和 findLastIndex() 靜態方法。

這些函式與 find() 和 findIndex() 實際上相同，但會從陣列結尾搜尋，而非從開頭搜尋。

舉例來說，如要找出陣列中大於十的最後一個數字，請使用測試函式呼叫 findLast()，檢查值是否大於十，即可開始使用。

const array1 = [5, 12, 8, 130, 44, 3, 6];

function greaterThanTen(val) {
  return val > 10;
}

const last = array1.findLast(greaterThanTen);
// 44

const lIdx = array1.findLastIndex(greaterThanTen);
// 4

在使用者代理程式字串中模擬 Chrome 100

我們會在幾個月內啟動 Chrome 100 (一組三位數的版本號碼)。請檢查所有檢查版本號碼或剖析使用者代理程式字串的程式碼，確保這些程式碼可處理三位數。

有一個名為 #force-major-version-to-100 的標記，會將目前的版本號碼變更為 100，讓您確保一切運作正常。

Chrome 旗標頁面：強調新的 #force-major-version-to-100 選項

還有更多獎品等著您！

當然，還有更多功能。

表單項目的新行目前與 Gecko 和 WebKit 相同標準化，以提高瀏覽器之間的互通性。

我們會在客戶提示名稱前面加上 sec-ch，以便標準化。舉例來說，dpr 會變為 sec-ch-dpr。我們會繼續支援這些提示的現有版本，但您應做好準備，以便因應這些提示最終淘汰及移除的情況。

封閉的 <details> 元素現在可供搜尋，且可連結至其他元素。使用「在頁面中尋找」ScrollToTextFragment 和元素片段導覽功能時，這些隱藏元素會自動展開。

延伸閱讀

這只涵蓋部分重點功能。請參閱下方連結，瞭解 Chrome 97 的其他變更。

如要隨時掌握最新消息，請訂閱 Chrome 開發人員 YouTube 頻道，這樣一來，我們發布新影片時，你就會收到電子郵件通知。

我是 Pete LePage，Chrome 98 一推出，我就會在這裡告訴你 Chrome 的新功能！