我们希望帮助您构建美观、易于访问、快速且安全的网站，让您的所有用户都能在各种浏览器中使用。本网站汇集了各种内容，可帮助您在 Web 开发之旅中取得成功。这些内容由 Chrome 团队成员和专门研究无障碍功能、性能、设计等 Web 开发主题的外部专家撰写。
Web 平台基准清晰地说明了浏览器对 Web 平台功能的支持情况，让您清楚了解哪些 Web 平台功能目前可用于您的项目。在 web.dev 上阅读文章时，如果所用功能均属于基准组件，您可以放心地使用这些功能，因为它们在浏览器中的兼容性水平有保障。
了解详情
探索旨在帮助您了解 AI 并利用 AI 构建高性能的 Web 优先体验的资源。
了解详情
Interaction to Next Paint (INP) 现已成为 Core Web Vitals 指标。开始衡量和优化您网站的 INP。
了解详情
了解身份验证和付款处理方面的最新功能和最佳实践。
了解详情
Web 平台是一个不断发展的生态系统，其中包含浏览器功能和 API，开发者可以利用这些功能和 API 打造简单易用且令人愉悦的网站。以下页面可帮助您按自己的节奏深入了解 web.dev 上 Web 平台的各个部分：
HTML 是 Web 的文档层，为网页提供结构和语义。
了解详情
CSS 是 Web 的呈现层，可让您根据自己的意愿设置网页的外观。
了解详情
JavaScript 可为网页提供丰富的互动性，让开发者能够构建富有互动性的网站，帮助用户执行任务并实现目标。
了解详情
刚开始接触 Web 平台？不用担心，我们会为您提供帮助！这些课程专为 HTML、CSS 和 JavaScript 初学者精心挑选，可帮助您深入了解 Web 平台的各个部分。
课程
为开发者（从新手到专家级的 HTML）提供可靠的 HTML 概览。
开始学习课程
课程
CSS 指南，其中包含的模块涵盖从无障碍功能到 Z-index 的所有内容。
开始学习课程
课程
有关 JavaScript 基础知识的深入课程。
开始学习课程
我们的博客包含 Web 开发领域的最新资讯，包括 Web 平台的新功能、基准测试、AI、核心 Web Vitals 等方面的最新动态。欢迎阅读我们的博客，及时了解最新动态。
阅读博客

CSS 和界面设计

Image for: CSS 和界面设计
立即了解最新的技巧和技巧，以便在工作中使用。
探索 CSS
您可以根据用户的偏好调整字体，让用户在阅读您的内容时感到满意。
现在，所有主流引擎均支持新的 CSS 颜色空间和函数。了解它们如何能为您的设计注入活力。
使用源代码映射改善 Web 调试体验。
现在，Subgrid 可在所有三大引擎上互操作。了解如何使用该功能。

Core Web Vitals

Image for: Core Web Vitals
了解核心网页指标和其他指标，构建速度更快的网站和应用。
探索核心网页指标
Interaction to Next Paint 将正式成为 Core Web Vital 指标，并将于 3 月 12 日取代 First Input Delay。
了解如何针对 Interaction to Next Paint 指标进行优化。
一系列最佳实践，可帮助您根据网络状况优化网站的核心网页指标性能
除了图片优化之外，还要考虑第一字节时间 (TTFB) 和资源加载延迟等因素，以探索有关优化 Largest Contentful Paint (LCP) 的常见误解。

渐进式 Web 应用

Image for: 渐进式 Web 应用
打造出色的 Web 体验。
详细了解 PWA
这门课程全面讲解了现代渐进式 Web 应用开发的各个方面。
现在，Safari、Firefox 和 Chrome 已经支持转换流，它们终于可以正式推出。
深入探索适用于优质应用的丰富新模式，包括剪贴板模式、文件格式和高级应用模式。
在 Chrome 开发者网站上，探索 Capabilities API。

人人皆可访问

Image for: 人人皆可访问
了解如何让残障人士（无论是永久性的、暂时的还是情境式的）更方便地访问您的网站。
详细了解无障碍功能
我们的新课程是无障碍主题的绝佳入门和参考。
简要介绍用于测试和验证设计的无障碍色彩对比度的三种工具和技术。
本教程介绍了如何构建网站的无障碍主导航。您将了解语义 HTML、无障碍功能，以及如何使用 ARIA 属性有时弊大于利。
欢迎阅读我们对专注于数字无障碍功能的软件工程师 Melanie 的采访内容。

付款和身份

Image for: 付款和身份
了解付款方面的最新技巧和最佳做法，以便帮助用户安全地登录您的网站和应用。
详细了解身份
通行密钥使用户帐号更加安全、更简单、更易于使用。
打造使用通行密钥的登录体验，同时仍允许现有的密码用户登录。
详细了解网络付款及其工作原理。
帮助用户尽可能快速轻松地填写地址和付款表单，尽可能提高转化次数。

开发者简报

Image for: 开发者简报
您可以直接在收件箱中查看最新资讯、技巧和动态。