攜手打造更優質的網路體驗

我們希望能協助您打造美觀、容易存取、快速又安全的網站，希望您和所有使用者都能跨瀏覽器使用。本網站是 Chrome 團隊成員和外部專家撰寫的介紹內容，希望能協助您展開旅程。
關於 web.dev

瞭解現代網路技術如何協助您邁向成功

瞭解創新的網頁技術大幅簡化的使用應用方式。
開始使用
立即瞭解您需要採取哪些行動，為淘汰第三方 Cookie 做好準備。
瞭解詳情

新功能

在 2023 年 Google I/O 大會上，我們宣布了 Baseline，並進一步瞭解這項計畫，以及我們為何認同這項計畫的重要性。
進一步瞭解 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

打造優質網路體驗。
進一步瞭解 PWA
此課程會剖析現代漸進式網頁應用程式開發作業的各個層面。
如今，Safari、Firefox 和 Chrome 都支援轉換串流。現在，這些轉換都已準備好使用。

優質應用程式的全新模式

探索一系列精彩的應用程式新模式，包括剪貼簿模式、檔案模式和進階的應用程式模式。
前往 Chrome 開發人員網站，探索各項功能 API。

無障礙功能

所有對像都能使用

瞭解如何讓所有使用者存取您的網站。
更多無障礙功能相關資訊

瞭解無障礙功能

我們的新課程是絕佳的進入點，也是無障礙主題的參考資源。

測試網頁設計色彩對比

概略說明三種工具和技術，用於測試及驗證設計的無障礙設計色彩對比。

為網站建立主要導覽

本教學課程說明如何建立網站易於存取的主要導覽功能。你會瞭解語意式 HTML 和無障礙功能，以及使用 ARIA 屬性有時對使用者造成的傷害。
Elisa Bandy 是 Google 員工，負責為 Google 內部工具提供無障礙服務及說明文件。

付款與身分

登入使用者及收取款項

發掘最新的付款技術和最佳做法，並允許使用者安全登入您的應用程式。
進一步瞭解身分

為無密碼登入建立密碼金鑰

密碼金鑰可讓使用者帳戶更安全、易用。

使用密碼金鑰登入

建立使用密碼金鑰的登入體驗，同時沿用現有的密碼使用者。

網站付款總覽

進一步瞭解網頁付款功能及其運作方式。

付款和地址表單最佳做法

幫助使用者盡快輕鬆地完成地址和付款表單，盡量爭取轉換。

開發人員電子報

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