Chrome 88 版的新功能

Pete LePage

Chrome 88 現正推出穩定版。

以下是一些注意事項：

我是 Pete LePage，目前在工作及拍攝 Chrome 第 88 版，讓我們一起看看我們為開發人員提供的新功能！

Manifest V3

Chrome 第 88 版現已支援使用 Manifest V3 建構的擴充功能，歡迎上傳至 Chrome 線上應用程式商店。Manifest V3 是新的擴充功能平台，預設可提升 Chrome 擴充功能的安全性、效能和隱私權。

舉例來說，這不允許遠端代管的程式碼，協助 Chrome 線上應用程式商店的審查者進一步瞭解擴充功能存在的風險。並讓你能更快更新額外資訊

其中介紹 Service Worker，可用來取代背景頁面。由於 Service Worker 只會在需要時留在記憶體中，因此擴充功能會使用較少的系統資源。

為了讓使用者更清楚瞭解及掌控擴充功能使用及分享個人資料的方式，我們將在日後推出的版本中採用新的安裝流程，讓使用者在安裝時持有機密權限。

如需完整的詳細資訊，以及如何將目前的擴充功能遷移至 Manifest V3，請前往 developer.chrome.com。


CSS aspect-ratio 屬性

通常只有部分元素具有顯示比例，例如圖片。如果只指定寬度或高度，系統會使用內建長寬比自動計算其他項目。

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

在 Chrome 第 88 版中，aspect-ratio 屬性可讓您明確指定顯示比例，執行類似的行為。

.square {
  aspect-ratio: 1 / 1;
}

您也可以使用漸進式強化功能檢查瀏覽器是否支援該功能，並視需要套用備用方案。接著，您可以使用新的 CSS 4 not 選取工具，讓程式碼更加簡潔！

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

感謝 Jen Simmons 透過最新的 Safari 技術預先發布版支援這個功能，因此 Safari 應該很快就會看到它！另請參閱 Una 的示範，瞭解實際運作情形。

鏈結的 JS 計時器嚴重節流

Chrome 88 會在特定條件下，大幅限制隱藏網頁的 JavaScript 計時器。這樣可以減少 CPU 使用率，也能降低電池用量。在某些極端案例中，這將改變行為，但計時器經常會在不同的 API 更有效率且更可靠的情況下使用。

這種做法相當複雜，有點令人困惑，因此請參閱 Jake 從 Chrome 第 88 版開始，連續鏈結 JS 計時器的重度節流，瞭解詳細資訊。

在「受信任網路活動」中使用 Play 帳款服務

您現在可以在「Trusted Web Activity」中使用 Play 帳款服務，透過新的 Digital Goods API 販售數位商品和訂閱。它可在 Android 裝置上於 Chrome 88 提供來源試用，預計在下一版將來源試用擴展至 ChromeOS。

帳戶設定完畢後，請更新「信任網路活動」以便啟用 Play 帳款服務，並在 Play 管理中心建立數位商品。接著，在 PWA 中新增來源試用權杖，就能新增程式碼來檢查現有購買交易、查詢可用的購買交易，以及進行新購買交易。

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana 和 Andre 在 Chrome 開發人員高峰會上深入探討詳情：Google Play 網頁應用程式的最新消息或docs。

其他更新

當然還有許多其他東西。

  • 為符合 HTML 標準的變更，含有 target="_blank" 的錨定標記現在預設會顯示 rel="noopener"，這有助於防止分頁綁架攻擊。
  • 大部分的作業系統預設都會啟用滑鼠加速功能，但這可能會對部分遊戲造成問題。在 Chrome 第 88 版中，Pointer Lock API 可讓您停用滑鼠加速。意即同一個身體動作、慢或快的動作都會以相同的旋轉角度顯示，進而提供更優質的遊戲體驗和更高的準確率。
  • addEventListener 現在可使用取消訊號選項。 呼叫 abort() 會移除事件監聽器，方便您在不再需要時輕鬆關閉事件監聽器。

其他資訊

這僅涵蓋部分重點功能。如要瞭解 Chrome 88 的其他變更，請點選下方連結。

訂閱

如要隨時掌握 YouTube 影片的最新消息，然後訂閱我們的 Chrome Developers YouTube 頻道，每當推出新影片時，您都會收到電子郵件通知。

我是 Pete LePage。Chrome 第 89 版推出後，我很樂意向您說明：Chrome 的新功能！