回顧 2021 年 Chrome 開發人員高峰會的所有重要公告，當中包含「瞭解詳情」的連結。
本文將回顧 2021 年 Chrome 開發人員高峰會的所有重要公告，當中包含「瞭解詳情」的連結。
讓網路更具互通性
網頁相容性是網頁程式開發人員面臨的最大挑戰之一，因此 Google 持續與其他瀏覽器廠商合作，解決五大相容性問題點：flexbox、grid、position: sticky、aspect-ratio 和 transforms。
這些研究結果已針對這些重要領域做出改善。如要瞭解相關資訊，請參閱 Compat 2021 年中旬更新。
允許新的類別應用程式在網路上執行
Project Fugu 的作用是將新型應用程式部署至網路。您可以透過 fugu-tracker.web.app 瞭解 Fugu API 的最新進度。
Adobe 最近宣布要將 Photoshop 導入網路，而這項成就由 Adobe、Google 和網路標準機構共同推動。詳情請參閱「Photoshop 直達網路的旅程」。
確保隱私
許多常見的網路功能依賴第三方 Cookie 和其他跨網站追蹤機制，而未將隱私權納入設計考量，因此開發人員難以滿足日益增長的隱私權需求。
我們正在與網路社群和業界利害關係人合作，共同開發為這個生態系統提供支援的全新隱私權保護技術，目標是淘汰第三方 Cookie，並減少隱密追蹤和瀏覽器數位指紋採集。
如要瞭解這項技術，請造訪 Privacy Sandbox 網站。我們也提供開發人員提案相關資訊和指南、每月更新或變更和進度，以及使用者代理程式字串異動的時間表和測試詳情。
改善 Core Web Vitals
我們持續與熱門 JavaScript 架構的開發人員合作，以改善 Core Web Vitals，因此發現有兩項新指標值得您提供意見。瞭解整體回應速度和流暢度，並與我們分享您的想法。
同時也宣布 PageSpeed Insights 的更新版本、全新 Chrome 開發人員工具的錄音工具面板 (目前已在 Canary 中推出)，以及新的 Lighthouse 使用者流程 API。
啟用新的網路平台功能
RenderingNG 是針對 Chromium 轉譯引擎的重大重構作業，這項專案修正了 Chrome 中長時間存在的錯誤，並提供新功能。「容器查詢」功能可說是網頁程式開發人員多年來最熱烈的要求，像是容器查詢。
曾經使用媒體查詢建立回應式設計的使用者，都十分熟悉容器查詢功能。不過，在查詢可視區域大小時，您可以使用這些元素查詢元件所在容器的大小。Google 一直在嘗試導入新興規格，並背在 Chrome 的 #enable-container-queries 標記後面。
閱讀有關詳細轉譯的網誌文章，或觀看這部影片，完整瞭解這項工作如何實現，實作過去不可能實現的功能實作的所有重要細節。
協助你建立精美的回應式網站
全新的回應式設計，比螢幕或容器大小更廣。如要瞭解如何建立新型回應式網站，歡迎參加我們的「學習設計」課程。今天推出的前 5 個單元將於未來幾週內發布，
今年，Chrome 和其他瀏覽器已推出全新 CSS 資源，提供更美觀的使用體驗。
進一步瞭解 accent-color 和 size-adjust。
為協助您快速善用新的 CSS，我們推出一系列的版面配置模式。很適合做為許多常見介面模式的起點。
提供可協助您學習網路技術的課程
除了「學習設計」之外，我們也推出新的單元「學習 CSS」模組，這是今年稍早推出的全方位 CSS 課程。
此外，我們也打造了完整課程，協助您設計實用且容易存取的表單：學習表單。 這些課程同時提供 Learn PWA 的前幾個單元。