为现代网络构建
下一代体验
使用 Chrome 开发者工具和最新的 Web API，调试、优化并发布高质量的 Web 应用。
Chrome DevTools
内置于 Chrome 的全套 Web 开发工具。快速编辑页面、诊断问题并提高网站性能。
console.log("Hello, DevTools!");
debugger;
Web Platform APIs
探索 Project Fugu 带来的强大功能，如文件系统访问、蓝牙和 WebAuthn。
if ('bluetooth' in navigator) {
// Web Bluetooth API
}
Lighthouse
自动化工具，用于提高网页质量。审计性能、可访问性、SEO 等。
Performance: 98
Accessibility: 100
CSS Grid & Flexbox
使用 DevTools 中的可视布局编辑器，轻松调试复杂的 CSS 布局。
display: grid;
gap: 20px;
设备模式
模拟各种移动设备，测试响应式设计和触摸事件。
Pixel 5 (Mobile)
393 x 851
Web Vitals
直接在浏览器中测量和优化 Core Web Vitals，提升用户体验。
LCP: 1.2s (Good)
CLS: 0.05 (Good)
2024年2月15日
Chrome 123 中的新功能
了解最新的 DevTools 功能、CSS 更新和 Web API 改进。
2024年2月10日
WebGPU 性能优化指南
如何利用 WebGPU 在浏览器中实现下一代图形渲染性能。
2024年2月5日
Privacy Sandbox 更新
为淘汰第三方 Cookie 做好准备：Topics API 测试结果分享。
Google I/O 2024
加入我们，探索 Google 最新的开发者产品、技术和平台。与全球开发者社区建立联系。
立即注册
拓展 Web 的边界
WebAssembly
将 C++、Rust 等语言编写的高性能代码运行在 Web 上，实现接近原生的执行速度。
Puppeteer
使用 Node.js 库控制 Headless Chrome，实现自动化测试、抓取和页面生成。
PWA (渐进式 Web 应用)
构建可安装、离线工作且具有原生应用体验的 Web 应用。
选择适合您的开发版本
| 特性 |
Stable |
Beta |
Dev |
Canary |
| 更新频率 |
每 4 周 |
每周 |
每周 |
每晚 |
| 稳定性 |
最高 |
高 |
中 |
低 |
| 主要用途 |
日常使用 |
预览新版 |
测试新功能 |
前沿开发 |