
共同构建更好的 Web
我们希望帮助您构建美观、易访问、快速且安全的网站,这些网站可以跨浏览器运行,并为您的所有用户服务。本网站是我们的内容之家,旨在帮助您踏上这段旅程,内容由 Chrome 团队成员和外部专家编写,他们专注于 Web 开发主题,例如无障碍功能、性能、设计等。
Baseline
Web Platform Baseline 明确了有关浏览器对 Web 平台功能支持的信息,提供了关于哪些 Web 平台功能已准备好在您今天的项目中使用 的清晰信息。当您在 web.dev 上阅读文章时,如果使用的功能都是 Baseline 的一部分,您可以信任浏览器兼容性级别。
探索网络平台
Web 平台是一个不断发展的浏览器功能和 API 生态系统,开发人员可以使用它来制作易于使用且令人愉悦的网站。这些页面是您在 web.dev 上按照自己的节奏深入了解 Web 平台每个部分的途径。
HTML
HTML 是 Web 的文档层,为页面提供结构和语义。
CSS
CSS 是 Web 的表示层,允许您使您的网页看起来完全符合您的要求。
JavaScript
JavaScript 为网页提供丰富的交互性,允许开发人员构建丰富的交互式网站,帮助用户执行任务和实现目标。
学习网络平台
不熟悉 Web 平台?我们为您提供保障!通过这些专为 HTML、CSS 和 JavaScript 初学者策划的课程深入了解 Web 平台的每个部分。
及时了解 Web 开发新闻
我们的博客包含 Web 开发的最新消息,包括新的 Web 平台功能、Baseline 更新、AI、Core Web Vitals 等。通过阅读我们的博客,及时了解最新的博客。
CSS 和 UI 设计
立即学习在您的工作中使用的最新技巧和技术。
使用 CSS 根据用户偏好调整排版
根据用户的偏好调整字体,使他们能够最舒适地阅读您的内容。
所有主要引擎中的新 CSS 颜色空间和函数
所有主要引擎现在都支持新的 CSS 颜色空间和函数。了解它们如何为您的设计带来活力。
什么是源映射?
使用源映射改善 Web 调试体验。
CSS 子网格
子网格现在可以在所有三个主要引擎中互操作。了解如何使用它。
Core Web Vitals
通过了解 Core Web Vitals 和其他指标来构建更快的网站和应用程序。
提高 Core Web Vitals 的最有效方法
一系列基于 Web 状态优化网站 Core Web Vitals 性能的最佳实践。
如何优化 INP
了解如何针对交互到下次绘制指标进行优化。
关于如何优化 LCP 的常见误解
通过超越图像优化并考虑诸如首字节时间和资源加载延迟等因素,探索关于优化最大内容ful Paint 的常见误解。
在现场测量 Web Vitals 的最佳实践
快速可靠地收集和报告 Web Vitals 的指南。
渐进式 Web 应用
创建功能强大的 Web 体验。
学习 PWA
一个分解现代渐进式 Web 应用开发各个方面的课程。
TransformStream 现在支持跨浏览器。
既然 Safari、Firefox 和 Chrome 都支持转换流,它们终于准备好迎接黄金时段了。
惊人应用的新模式
深入了解惊人应用的新模式的精彩集合,包括剪贴板模式、文件模式和高级应用模式。
Project Fugu API 展示
在 Chrome 开发者网站上,探索功能 API。
为所有人提供无障碍功能
了解如何使您的网站对残疾人士更易访问,无论残疾是永久性的、临时的还是情境性的。
学习无障碍功能
我们的新课程是无障碍功能主题的绝佳入门点和参考。
测试网页设计颜色对比度
用于测试和验证您设计的可访问颜色对比度的三种工具和技术的概述。
构建网站的主导航
本教程介绍如何构建网站的可访问主导航。您将学习语义 HTML、无障碍功能,以及使用 ARIA 属性有时弊大于利。
社区亮点:Melanie Sumner
阅读我们对 Melanie 的采访,她是一位专门从事数字无障碍功能的软件工程师。
支付和身份
查找支付和帮助用户安全登录您的网站和应用程序的最新技术和最佳实践。
为无密码登录创建通行密钥
通行密钥使用户帐户更安全、更简单、更易于使用。
使用通行密钥登录
创建使用通行密钥的登录体验,同时仍然容纳现有密码用户。
Web 支付概述
了解更多关于 Web 支付及其工作原理的信息。
支付和地址表单最佳实践
通过帮助您的用户尽可能快速和轻松地完成地址和支付表单,最大化转化率。
开发者资讯
将最新的新闻、技术和更新直接发送到您的收件箱。