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

新功能

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

CSS 和使用者介面設計

探索 CSS

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

效能

Core Web Vitals

網站體驗核心指標和其他指標的內容。協助您建構速度更快的網站和應用程式。
「與下一個繪製內容互動」功能將正式成為 Core Web Vitals,將於 3 月 12 日取代首次輸入延遲時間。
瞭解如何改善「與下一個顯示的內容互動」指標。
根據 2023 年的網站狀態,提升網站網站體驗核心指標成效的一系列最佳做法。
網站體驗指標擴充功能現在會顯示更多偵錯資訊,協助你找出網站體驗核心指標問題的根本原因。

網路應用程式

PWA

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

無障礙功能

所有對像都能使用

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

付款與身分

登入使用者及收取款項

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

開發人員電子報

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