Chrome 74 新增了以下支援功能:
以及更多更多功能!
我是 Pete LePage。讓我們深入探索 瞭解 Chrome 74 版開發人員推出的新功能!
變更記錄檔
這僅涵蓋部分重點重點,請查看下方連結,瞭解 Chrome 74 版的其他異動。
- Chrome 開發人員工具新功能 (74)
- Chrome 74 淘汰和移除處置
- 適用於 Chrome 74 的 ChromeStatus.com 更新
- Chrome 74 版 JavaScript 新功能
- Chromium 原始碼存放區變更清單
私人課程欄位
類別欄位避免使用建構函式函式來定義例項屬性,藉此簡化類別語法。在 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 有什麼新功能!