Chrome 88 版的新功能

Chrome 88 現已開始推出穩定版。

以下是一些注意事項:

  • 您現在可以使用 Manifest V3 將擴充功能上傳至 Chrome 線上應用程式商店。
  • aspect-ratio CSS 屬性可讓您輕鬆設定任何元素的顯示比例。
  • Chrome 88 會在特定情況下,大幅降低隱藏網頁的鏈結 JavaScript 計時器。
  • 您現在可以在受信任的網路活動中使用 Play 帳款
  • Chrome 開發人員高峰會的所有影片都已上線。
  • 還有更多功能。

我是 Pete LePage,我在家工作並拍攝影片,現在就讓我們一起來看看 Chrome 88 有哪些新功能吧!

Manifest V3

Chrome 88 現已支援使用 Manifest V3 建構的擴充功能,您可以將這些擴充功能上傳至 Chrome 線上應用程式商店。Manifest V3 是全新的擴充功能平台,可讓 Chrome 擴充功能在預設情況下更安全、效能更佳,並且尊重隱私權。

舉例來說,這項政策禁止遠端代管程式碼,有助於 Chrome 線上應用程式商店審查人員更清楚瞭解擴充功能可能帶來的風險。並且應該可讓您更快更新擴充功能。

這項功能會引入服務工作站,取代背景頁面。由於服務工作者只會在需要時駐留在記憶體中,因此擴充功能會使用較少的系統資源。

為了讓使用者更清楚瞭解擴充功能如何使用及分享其資料,並進一步控管相關設定,我們將在日後版本中採用新的安裝流程,讓使用者在安裝時拒絕敏感權限。

請造訪 developer.chrome.com 查看完整說明,瞭解如何將目前的擴充功能遷移至 Manifest V3。


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 Technical Preview 支援此功能,我們應該很快就能在 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 開發人員高峰會的演講中進一步說明 - Play 中網頁應用程式的新功能,或參閱說明文件

其他

當然,還有更多功能。

  • 為了配合 HTML 標準的變更,含有 target="_blank" 的錨點標記現在會預設為暗示 rel="noopener",這有助於防止分頁點選攻擊。
  • 大部分的作業系統預設會啟用滑鼠加速功能,但這對某些遊戲來說可能會造成問題。在 Chrome 88 中,您可以使用 Pointer Lock API 停用滑鼠加速功能。也就是說,無論是慢速或快速,相同的物理動作都會產生相同的旋轉效果,進而提供更優質的遊戲體驗和更高的精確度。
  • addEventListener 現在會將中斷信號做為選項。呼叫 abort() 會移除該事件監聽器,讓您輕鬆關閉不再需要的事件監聽器。

延伸閱讀

這份文件僅涵蓋部分重點。請參閱下方連結,瞭解 Chrome 88 的其他異動。

訂閱

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

我是 Pete LePage,Chrome 89 一推出,我就會在這裡告訴你 Chrome 的新功能!