我们希望帮助您构建美观、易访问、快速且安全的网站,这些网站可以跨浏览器运行,并为您的所有用户服务。本网站是我们的内容之家,旨在帮助您踏上这段旅程,内容由 Chrome 团队成员和外部专家编写,他们专注于 Web 开发主题,例如无障碍功能、性能、设计等。
Web Platform Baseline 明确了有关浏览器对 Web 平台功能支持的信息,提供了关于哪些 Web 平台功能已准备好在您今天的项目中使用 的清晰信息。当您在 web.dev 上阅读文章时,如果使用的功能都是 Baseline 的一部分,您可以信任浏览器兼容性级别。
探索创建的资源,以帮助您了解和构建高性能的、Web 优先的 AI 体验。
交互到下次绘制 (INP) 现在是 Core Web Vitals 指标。 开始测量和优化您的网站的 INP。
阅读有关身份和支付处理方面的最新功能和最佳实践。
Web 平台是一个不断发展的浏览器功能和 API 生态系统,开发人员可以使用它来制作易于使用且令人愉悦的网站。这些页面是您在 web.dev 上按照自己的节奏深入了解 Web 平台每个部分的途径。
HTML 是 Web 的文档层,为页面提供结构和语义。
CSS 是 Web 的表示层,允许您使您的网页看起来完全符合您的要求。
JavaScript 为网页提供丰富的交互性,允许开发人员构建丰富的交互式网站,帮助用户执行任务和实现目标。
不熟悉 Web 平台?我们为您提供保障!通过这些专为 HTML、CSS 和 JavaScript 初学者策划的课程深入了解 Web 平台的每个部分。
课程
为开发人员提供的 HTML 坚实概述,从新手到专家级 HTML。
课程
CSS 指南,模块涵盖从无障碍功能到 z-index 的所有内容。
课程
关于 JavaScript 基础知识的深入课程。
我们的博客包含 Web 开发的最新消息,包括新的 Web 平台功能、Baseline 更新、AI、Core Web Vitals 等。通过阅读我们的博客,及时了解最新的博客。

CSS 和 UI 设计

立即学习在您的工作中使用的最新技巧和技术。
根据用户的偏好调整字体,使他们能够最舒适地阅读您的内容。
所有主要引擎现在都支持新的 CSS 颜色空间和函数。了解它们如何为您的设计带来活力。
使用源映射改善 Web 调试体验。
子网格现在可以在所有三个主要引擎中互操作。了解如何使用它。

Core Web Vitals

通过了解 Core Web Vitals 和其他指标来构建更快的网站和应用程序。
一系列基于 Web 状态优化网站 Core Web Vitals 性能的最佳实践。
了解如何针对交互到下次绘制指标进行优化。
通过超越图像优化并考虑诸如首字节时间和资源加载延迟等因素,探索关于优化最大内容ful Paint 的常见误解。
快速可靠地收集和报告 Web Vitals 的指南。

渐进式 Web 应用

创建功能强大的 Web 体验。
一个分解现代渐进式 Web 应用开发各个方面的课程。
既然 Safari、Firefox 和 Chrome 都支持转换流,它们终于准备好迎接黄金时段了。
深入了解惊人应用的新模式的精彩集合,包括剪贴板模式、文件模式和高级应用模式。
在 Chrome 开发者网站上,探索功能 API。

为所有人提供无障碍功能

了解如何使您的网站对残疾人士更易访问,无论残疾是永久性的、临时的还是情境性的。
我们的新课程是无障碍功能主题的绝佳入门点和参考。
用于测试和验证您设计的可访问颜色对比度的三种工具和技术的概述。
本教程介绍如何构建网站的可访问主导航。您将学习语义 HTML、无障碍功能,以及使用 ARIA 属性有时弊大于利。
阅读我们对 Melanie 的采访,她是一位专门从事数字无障碍功能的软件工程师。

支付和身份

查找支付和帮助用户安全登录您的网站和应用程序的最新技术和最佳实践。
通行密钥使用户帐户更安全、更简单、更易于使用。
创建使用通行密钥的登录体验,同时仍然容纳现有密码用户。
了解更多关于 Web 支付及其工作原理的信息。
通过帮助您的用户尽可能快速和轻松地完成地址和支付表单,最大化转化率。

开发者资讯

将最新的新闻、技术和更新直接发送到您的收件箱。