跳至主要内容
文档
使用 Chrome 构建
了解 Chrome 的运作方式、参与源试用并随时随地使用 Chrome 构建应用。
网络平台
功能
ChromeDriver
Extensions
Chrome Web Store
Chromium
Android 设备上的 Web
源试用
版本说明
工作效率
利用网络最佳工具为用户创造最佳体验。
DevTools
Lighthouse
Chrome 用户体验报告
无障碍
借助我们现成的库,您可以更快速、更简洁地完成工作。
Workbox
木偶操作师
体验
使用 Chrome 设计外观精美且性能出色的网页。
AI
性能
CSS 和界面
身份
收款
隐私权和安全
资源
更多 Chrome 和 Google 产品。
所有文档
基准
web.dev
PageSpeed Insights 审核
Privacy Sandbox
独立式 Web 应用 (IWA)
案例研究
博客
Chrome 中的新功能
/
English
Deutsch
Español – América Latina
Français
Indonesia
Italiano
Nederlands
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어
Docs
Chrome DevTools
DevTools
开始使用
AI 辅助
概览
开始使用
与 AI 助理聊天
在控制台和“来源”中生成代码
数据使用
面板
热门
元素
控制台
Lighthouse
内存
网络
性能
录音机
渲染
安全
来源
全部
Autofill
动画
应用
更改数
覆盖率
CSS 概览
开发者资源
问题
图层
Lighthouse
媒体
内存检查器
网络状况
请求条件
性能监视器
协议监控
快速来源
传感器
WebAudio
WebAuthn
新变化
设置
无障碍
文档
更多
DevTools
开始使用
AI 辅助
更多
面板
更多
设置
无障碍
案例研究
博客
Chrome 中的新功能
元素
概览
DOM
查看和更改 DOM
查看 DOM 对象的属性
徽章参考
CSS
查看和更改 CSS
查找无效、已替换、无效和其他 CSS
使用颜色选择器进行检查和调试
检查网格布局
检查和调试 Flexbox 布局
检查和调试容器查询
功能参考
控制台
概览
通过控制台数据分析了解错误和警告
日志消息
运行 JavaScript
实时观看 JavaScript
设置邮件格式和样式
功能参考
API 参考
Utilities API 参考文档
来源
概览
调试 JavaScript
使用断点暂停代码
运行 JavaScript 代码段
调试原始代码,而不是使用源代码映射进行部署
ignoreList 源代码映射扩展
设置工作区以保存对源文件所做的更改
在本地替换 Web 内容和 HTTP 响应标头
JavaScript 调试参考文档
调试 C/C++ WebAssembly
网络
概览
检查网络活动
功能参考资料
查看网页资源
性能
概览
分析运行时性能
添加注释并分享效果数据分析结果
功能参考资料
时间轴事件参考文档
分析 CSS 选择器性能
分析 Node.js 性能
利用可扩展性 API 自定义性能数据
获取有关网站性能的富有实用价值的分析洞见
保存性能轨迹
Lighthouse
优化网页速度
内存
概览
内存术语
解决内存问题
录制堆快照
分配分析器工具
应用
概览
调试渐进式 Web 应用
查看并修改
本地存储空间
会话存储空间
扩展程序存储
IndexedDB 数据
Web SQL 数据
查看、添加、修改和删除 Cookie
查看缓存数据
测试往返缓存
调试推测规则
调试后台服务
查看框架详情
查看应用缓存数据
录音机
概览
录制、重放和衡量用户流
功能参考资料
使用扩展程序自定义“录音机”
渲染
概览