我們希望能協助您打造美觀、容易存取、快速又安全的網站,希望您和所有使用者都能跨瀏覽器使用。本網站是 Chrome 團隊成員和外部專家撰寫的介紹內容,希望能協助您展開旅程。
瞭解創新的網頁技術大幅簡化的使用應用方式。
開始評估網站與下一個顯示的內容 (INP) 互動成效,並進行最佳化。並於 3 月 12 日正式成為 Core Web Vitals。

新功能

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

CSS 和使用者介面設計

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

Core Web Vitals

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

漸進式網頁應用程式

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

所有人都能存取

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

付款與身分

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

開發人員電子報

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