2021 年 Chrome 開發人員高峰會公告的所有資訊

總結 2021 年 Chrome 開發人員高峰會的重要公告,點按連結即可瞭解詳情。

本文章總結了 2021 年 Chrome 開發人員高峰會的所有重要公告,您可以透過當中的連結瞭解詳情。

讓網路更互通

網頁相容性是網頁程式開發人員面臨的最大挑戰之一。因此 Google 與其他瀏覽器供應商合作,修正了以下五大相容性問題:flexboxgridposition: stickyaspect-ratiotransforms

這些努力都已改善以下重點。詳情請參閱 Compat 2021 年中更新

允許新型應用程式在網路上執行

Project Fugu 旨在提供新的應用程式類別,您可以前往 fugu-tracker.web.app 查看 Fugu API 的最新進度。

Adobe 最近宣布將 Photoshop 打造成網路技術,這是由 Adobe、Google 和網路標準機構攜手合作所推出的一項創舉。詳情請參閱 Photoshop 在網路上的瀏覽歷程一文。

確保隱私

許多常見的網路功能都仰賴第三方 Cookie 和其他跨網站追蹤機制,且這些機制並非在考量隱私權的情況下,因此開發人員很難滿足日益增加的隱私權需求。

我們正在與網路社群和產業相關人士合作,開發新的隱私權保護技術來支援生態系統,希望逐步停用第三方 Cookie,並減少隱密追蹤和瀏覽器數位指紋採集。

歡迎前往 Privacy Sandbox 網站查看相關資訊。 此外,我們也提供開發人員提案的相關資訊和指南每月更新或變更與進度,以及使用者代理程式字串變更的時間表和測試詳細資料。

改善網站體驗核心指標

我們一直與熱門 JavaScript 架構的開發人員合作,改善網站體驗核心指標,而在這段期間,我們找出了兩項需要提供意見的新指標。請參閱整體回應速度流暢度,然後將您的想法告訴我們。

此外,我們也宣布更新 PageSpeed Insights 的更新版本,Chrome 開發人員工具的錄音工具面板目前於 Canary 版推出,以及全新的 Lighthouse 適用的使用者流程 API

啟用新的網路平台功能

轉譯語言是 Chromium 的轉譯引擎的一大重構,這項專案旨在修正 Chrome 長期以來依然發生的錯誤,並解鎖新功能。這項工具多年來一直是網頁程式開發人員最重視的功能之一:容器查詢

只要是使用媒體查詢建立回應式設計的使用者,您都很熟悉容器查詢。不過,您可以在查詢可視區域大小時,查詢元件所在容器的大小。Google 一直在研究如何採用這項新興規格 (在 Chrome 中位於 #enable-container-queries 標記之後)。

閱讀有關轉譯 NG 的網誌文章,或觀看這部影片,進一步瞭解本工作如何針對過去無法實現的功能實作各項重要細節。

協助您建立美觀的回應式網站

新版回應式設計不只是螢幕或容器的大小而已。歡迎參加我們的「學習設計」課程,瞭解如何建立現代化回應式網站。前 5 個單元將於今天上線,其餘單元將在未來幾週內發布。

我們今年在 Chrome 和其他瀏覽器中推出新的 CSS 屬性,方便使用者輕鬆製作優質內容。 進一步瞭解 accent-colorsize-adjust

為協助您快速運用新版 CSS,我們推出了一組版面配置模式。這些都可讓您奠定許多常見的介面模式的起點。

提供課程,協助您學習網路技術

除了學習設計之外,我們還推出了「學習 CSS」新單元,我們在今年稍早推出了全方位的 CSS 課程。

我們也製作了一門課程學習表單,協助您設計實用且無障礙的表單。 在這些課程中,您可以找到「學習 PWA」的前幾個單元。