我們希望能協助您打造美觀、容易存取、快速又安全的網站,希望您和所有使用者都能跨瀏覽器使用。本網站是 Chrome 團隊成員和外部專家撰寫的介紹內容,希望能協助您展開旅程。
瞭解創新的網頁技術大幅簡化的使用應用方式。
立即瞭解您需要採取哪些行動,為淘汰第三方 Cookie 做好準備。

新功能

在 2023 年 Google I/O 大會上,我們宣布了 Baseline,並進一步瞭解這項計畫,以及我們為何認同這項計畫的重要性。
探索 2023 年 9 月在穩定版和 Beta 版網路瀏覽器中推出的一些有趣功能。
跟著 Google 的開發人員服務代表 Una Kravets 和 Adam Argyle 將 CSS 的複雜層面徹底拆解為這個 Podcast 最容易辨識的劇集。

CSS 和使用者介面設計

探索 CSS

您可以在 web.dev 上探索目前工作的相關提示和技巧。在這裡探索最新內容。
能依照使用者的偏好調整字型,讓閱讀內容時更加舒適。
所有主要引擎現在都支援新的 CSS 色彩空間和函式。瞭解如何透過這些設計,讓自己的設計看起來更加鮮豔。
使用來源對應改善網路偵錯體驗。
Subgrid 可在全部三種主要引擎中互通。請參閱這篇有關使用方式的說明。

效能

Core Web Vitals

網站體驗核心指標和其他指標的內容。協助您建構速度更快的網站和應用程式。
Chrome 團隊宣布 INP 已不再處於實驗階段,將於 2024 年取代 FID,成為 Core Web Vitals。
瞭解如何改善「與下一個顯示的內容互動」指標。
根據 2023 年的網站狀態,提升網站網站體驗核心指標成效的一系列最佳做法。
網站體驗指標擴充功能現在會顯示更多偵錯資訊,協助你找出網站體驗核心指標問題的根本原因。

網路應用程式

PWA

打造優質網路體驗。
此課程會剖析現代漸進式網頁應用程式開發作業的各個層面。
如今,Safari、Firefox 和 Chrome 都支援轉換串流。現在,這些轉換都已準備好使用。
探索一系列精彩的應用程式新模式,包括剪貼簿模式、檔案模式和進階的應用程式模式。
前往 Chrome 開發人員網站,探索各項功能 API。

無障礙功能

所有對像都能使用

瞭解如何讓所有使用者存取您的網站。
我們的新課程是絕佳的進入點,也是無障礙主題的參考資源。
概略說明三種工具和技術,用於測試及驗證設計的無障礙設計色彩對比。
本教學課程說明如何建立網站易於存取的主要導覽功能。你會瞭解語意式 HTML 和無障礙功能,以及使用 ARIA 屬性有時對使用者造成的傷害。
Elisa Bandy 是 Google 員工,負責為 Google 內部工具提供無障礙服務及說明文件。

付款與身分

登入使用者及收取款項

發掘最新的付款技術和最佳做法,並允許使用者安全登入您的應用程式。
密碼金鑰可讓使用者帳戶更安全、易用。
建立使用密碼金鑰的登入體驗,同時沿用現有的密碼使用者。
進一步瞭解網頁付款功能及其運作方式。
幫助使用者盡快輕鬆地完成地址和付款表單,盡量爭取轉換。

開發人員電子報

直接透過電子郵件取得最新消息、技術資訊和最新消息。