Chrome 74 版新功能

Pete LePage

Chrome 74 新增了以下支援功能：

以及更多更多功能！

我是 Pete LePage。讓我們深入探索 瞭解 Chrome 74 版開發人員推出的新功能！

變更記錄檔

這僅涵蓋部分重點重點，請查看下方連結，瞭解 Chrome 74 版的其他異動。

私人課程欄位

類別欄位避免使用建構函式函式來定義例項屬性，藉此簡化類別語法。在 Chrome 72 版中，我們支援公開類別欄位。

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

我說私人班級領域還在工作中。很高興地說，私人類別欄位已經在 Chrome 74 版中推出。新的不公開欄位語法與公開欄位類似，差別在於您可以使用 # (井字號) 將欄位標示為不公開。您可以將 # 視為欄位名稱的一部分。

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

請記住，private 欄位僅適用於私人欄位。可在類別中存取，但無法在類別主體以外存取。

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

如要進一步瞭解公開和私人類別，請參閱 Mathias 的類別欄位貼文。

prefers-reduced-motion

部分使用者回報在查看視差捲動、縮放和其他動態效果時，動作會暈倒。為解決此問題，許多作業系統都提供減少動作的選項。

Chrome 現在提供媒體查詢 prefers-reduced-motion，這是媒體查詢層級 5 規格的一部分，可讓您偵測此選項的啟用時間。


@media (prefers-reduced-motion: reduce)

想像一下，我有一個用簡短動作吸引人的註冊按鈕，新的查詢能讓我關閉按鈕的動作。

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

歡迎查看 Tom 的文章 Move Ya!如果使用者偏好減少動作，或者不要那麼多！瞭解詳情。

CSS transition 事件

CSS 轉換規格要求在轉換排入佇列、開始、結束或取消時傳送轉換事件。其他瀏覽器已暫時支援這些事件...

但 Chrome 目前尚未支援這類功能。在 Chrome 74 中，您可以監聽：

  • transitionrun
  • transitionstart
  • transitionend
  • transitioncancel

監聽這些事件後，就能在轉場效果執行時追蹤或變更行為。

功能政策 API 更新

功能政策，可讓您選擇性地啟用、停用及修改 API 和其他網路功能的行為。方法是透過 Feature-Policy 標頭或 iframe 上的 allow 屬性完成。

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

Chrome 74 推出了一組新的 API，用於檢查已啟用的功能：

  • 您可以取得使用 document.featurePolicy.allowedFeatures() 允許的功能清單。
  • 您可以使用 document.featurePolicy.allowsFeature(...) 檢查特定功能是否允許使用。
  • 此外，您也可以取得目前頁面使用的網域清單，並使用 document.featurePolicy.getAllowlistForFeature() 啟用特定功能。

詳情請參閱功能政策簡介文章。

還有更多獎品等著您！

Chrome 74 中對開發人員來說只是一些變更，當然還有許多變更。我們非常高興能夠使用 KV Storage，這是超快速的非同步鍵/值儲存服務，可做為來源試用。

Google I/O 大會即將登場！

更棒的是，Google I/O 大會只剩幾週 (5 月 7 日至 9 日)，我們還會陸續推出許多實用的新內容。如果不行，所有會議都將串流播送，之後也會透過 Chrome Developers YouTube 頻道觀看。

訂閱

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

我是 Pete LePage。Chrome 75 推出後，我很樂意告訴大家：Chrome 有什麼新功能！