這份摘要列出 2021 年 Chrome 開發人員高峰會的所有重要公告,並提供相關連結,方便您進一步瞭解。
這篇文章將 2021 年 Chrome 開發人員高峰會的所有重要公告整理成清單,並附上相關連結,方便你進一步瞭解。
讓網路更具互通性
網頁相容性是網頁開發人員面臨的最大挑戰之一,因此 Google 一直與其他瀏覽器供應商合作,修正五大相容性問題:彈性容器、格線、position: sticky
、aspect-ratio
和轉換。
這些工作已在這些重點領域帶來改善。如要瞭解這些變更,請參閱 2021 年中期相容性更新。
允許新類型的應用程式在網路上執行
Project Fugu 是一項計畫,旨在讓新類型的應用程式可在網路上運作。如要隨時掌握 Fugu API 的進度,請前往 fugu-tracker.web.app。
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
標記後方,試行實作這項新規格。
請參閱這篇網誌文章,瞭解 RenderingNG 的詳細資訊,或是觀看這部影片,瞭解這項工作如何解鎖實作功能,這些功能曾被認為無法實現。
協助您建立精美且回應式網站
新的回應式設計不僅僅是螢幕或容器的大小。您可以透過學習設計課程,瞭解如何建立新穎的回應式網站。前五個模組今天推出,其餘模組將於未來幾週內發布。
今年,Chrome 和其他瀏覽器推出了新的 CSS 屬性,讓您更輕鬆地打造精美的體驗。進一步瞭解 accent-color
和 size-adjust
。
為了協助您快速運用新的 CSS,我們推出了一組版面配置模式。這些模式可讓您從穩健的起點著手,打造許多常見的介面模式。
提供課程,協助您學習網頁技術
除了「學習設計」課程外,我們也推出了學習 CSS 課程的新模組,這是我們在今年稍早推出的一門 CSS 課程。
我們也推出了完整課程,協助您設計功能齊全且符合無障礙設計的資料表單,歡迎前往瞭解資料表單。除了這些課程外,您也可以參考學習 PWA的前幾個單元。