我們希望能協助您打造美觀、容易存取、快速又安全的網站，希望您和所有使用者都能跨瀏覽器使用。本網站是 Chrome 團隊成員和外部專家撰寫的介紹內容，希望能協助您展開旅程。
關於 web.dev
觀看隨選講座和學習內容，瞭解 Google 和 Chrome 採取哪些行動來協助你提升工作效率、加速提交作業和保持創新動力。
立即觀看
開始評估網站與下一個顯示的內容 (INP) 互動成效，並進行最佳化。這項工具在 3 月 12 日正式成為「網站體驗核心指標」指標。
瞭解詳情

新功能

在 2023 年 Google I/O 大會上，我們宣布了 Baseline，並進一步瞭解這項計畫，以及我們為何認同這項計畫的重要性。
進一步瞭解 Baseline
探索 2024 年 4 月在穩定版和 Beta 版網路瀏覽器中推出的有趣功能。
探索新功能
一起來看看 Google 的開發人員服務代表 Una Kravets 和 Adam Argyle，這個 Podcast 節目將複雜的 CSS 領域拆解成眾多精彩片段。
立即欣賞

CSS 和使用者介面設計

立即瞭解工作適用的最新秘訣和技巧。
根據使用者偏好調整字型，讓使用者充分舒適地閱讀內容。
所有主要引擎現在都支援新的 CSS 色彩空間和函式。瞭解如何透過這些設計，讓自己的設計看起來更加鮮豔。
使用來源對應改善網路偵錯體驗。
Subgrid 現可在這三大主要引擎中互通。一探究竟。

Core Web Vitals

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

漸進式網頁應用程式

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

所有人都能存取

瞭解如何讓身心障礙者更容易存取您的網站，無論是永久性、暫時性或臨時的設定皆適用。
更多無障礙功能相關資訊
我們的新課程是絕佳的進入點，也是無障礙主題的參考資源。
概略說明三種工具和技術，用於測試及驗證設計的無障礙設計色彩對比。
本教學課程說明如何建立網站易於存取的主要導覽功能。你會瞭解語意式 HTML 和無障礙功能，以及使用 ARIA 屬性有時對使用者造成的傷害。
歡迎閱讀我們與專門從事數位無障礙功能的軟體工程師 Melanie 的訪談。

付款與身分

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

開發人員電子報

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