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

2021 年 Chrome 開發人員高峰會的重大公告彙整,並附上相關連結,方便您進一步瞭解。

這篇文章彙整了 2021 年 Chrome 開發人員高峰會的所有重要公告,並附上相關連結,方便您進一步瞭解。

提升網路互通性

網頁相容性是網頁開發人員面臨的最大挑戰之一,因此 Google 一直與其他瀏覽器供應商合作,修正前五大相容性痛點:彈性方塊格線position: stickyaspect-ratio轉換

這項工作已在這些重要領域帶來改善。 詳情請參閱 Compat 2021 年中更新

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

Project Fugu 的目標是讓網頁支援新類型的應用程式。 如要掌握 Fugu API 的最新進展,請前往 fugu-tracker.web.app

Adobe 最近宣布要推出 Photoshop 網頁版,這項創舉是 Adobe、Google 和網路標準機構共同合作的成果。詳情請參閱「Photoshop 的網頁版之旅」一文。

確保隱私權

許多常見的網路功能都依賴第三方 Cookie 和其他跨網站追蹤機制,但這些機制並未將隱私權納入考量,因此開發人員難以滿足日益增長的隱私權需求。

我們正與網路社群和產業利害關係人合作,開發新的隱私權保護技術,以支援生態系統, 目標是逐步淘汰第三方 Cookie,並減少隱形追蹤和瀏覽器指紋。

如要瞭解這項計畫的最新進展,請前往 Privacy Sandbox 網站。 我們也提供開發人員提案的相關資訊和指南每月更新或異動和進度,以及使用者代理程式字串異動的時程和測試詳細資料。

改善網站使用體驗核心指標

我們與熱門 JavaScript 架構的開發人員合作,致力於改善網站使用體驗核心指標, 並在過程中發現了兩項新指標,希望您能提供意見。 請先瞭解整體回應速度流暢度,然後與我們分享你的想法。

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

啟用新的網頁平台功能

RenderingNG 是 Chromium 轉譯引擎的重大重構作業,可修正 Chrome 中長期存在的錯誤,並解鎖新功能。其中一項功能是網頁開發人員多年來最希望擁有的容器查詢

如果您曾使用媒體查詢建立回應式設計,應該會覺得容器查詢很熟悉。 不過,在查詢可視區域大小時,這些屬性可讓您查詢元件所在的容器大小。 Google 一直在 Chrome 的 #enable-container-queries 標記後方,試用這項新興規格。

請參閱這篇網誌文章,詳細瞭解 RenderingNG,或觀看這部影片,掌握這項工作的所有重要細節,瞭解這項工作如何促成過去認為不可能實現的功能。

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

全新回應式設計不僅僅是螢幕或容器大小,如要瞭解如何建立現代化回應式網站,請參閱「學習設計」課程。前五個單元將於今天推出,其餘單元會在未來幾週內發布。

今年 Chrome 和其他瀏覽器推出了新的 CSS 屬性,讓您更輕鬆地打造優質體驗。進一步瞭解 accent-colorsize-adjust

為協助您快速運用新版 CSS,我們推出了一系列版面配置模式。 這些範本可為許多常見的介面模式提供穩固的基礎。

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

除了「學習設計」之外,我們也推出「學習 CSS」的新單元,這是我們在今年稍早推出的完整 CSS 課程。

我們也開發了完整的課程「學習表單」,協助您設計實用且易於使用的表單。 除了這些課程,您也可以找到「瞭解 PWA」的前幾個單元。